TLDR Web Dev

TLDR WEB DEV 2023-11-06

5 sections14 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

SPEEDING UP THE JAVASCRIPT ECOSYSTEM - TAILWIND CSS

A developer attempted to rebuild Tailwind CSS with performance in mind in an effort to improve the performance of Tailwind CSS projects. They optimized the extraction of potential Tailwind class names using regex, reducing extraction time significantly. They also improved the parsing of class names and generated CSS rules efficiently. The new build time improved from 1.4 seconds to just 192ms, an almost 10x improvement.

marvinh.dev11 min read

A DISCUSSION ON STATELESS & STATEFUL SERVICES (MANAGING USER STATE ON THE BACKEND)

Stateless services are easier to scale in distributed systems as more and more services can be added as load increases. However, for stateful services, certain techniques must be used for scaling, such as replication to external storage and distributed caching. In both cases, techniques like load balancers and sticky sessions are used to route traffic to the appropriate nodes.

scaleyourapp.com8 min read

FROM CHAOS TO COHESION: ARCHITECTING YOUR OWN MONOREPO

The monorepo architecture is successfully implemented by tech giants like Google and Meta. The approach helps developers to share code, tools, and resources across teams and projects. This article outlines steps to architect a simple monorepo, including organizing the code and adopting a branching strategy like trunk-based development. It suggests minimal requirements for implementing a monorepo and goes through the steps of maintaining one.

monadical.com11 min read

02OPINIONS & ADVICE

FROM MICROSOFT INTERN TO META STAFF ENGINEER: RAVIRAJ ACHAR

A Meta staff engineer shares their career journey, highlighting key experiences and lessons learned along the way. Starting with their Microsoft internship, they emphasize the importance of feedback and learning from code reviews. They then discuss their growth at Meta, from mid-level to senior engineer, focusing on the significance of impact and tackling challenges. The author also talks about their transition to a distributed systems team and dealing with imposter syndrome. Finally, they describe their journey to the Staff Engineer level, which involved mentorship, building empathy, and consistent performance.

developing.dev14 min read

A GUIDE TO PUBLIC SPEAKING FOR SOFTWARE ENGINEERS

Public speaking skills are useful for software engineers in the context of tech presentations and meetings. This author covers key aspects of good public speakers, emphasizing the importance of open body language, avoiding common eye contact mistakes, improving posture, and keeping hands open. They also provide tips for boosting confidence through warm-up techniques, maintaining a dynamic speech rhythm, matching the volume of top speakers, and practicing.

careercutler.substack.com10 min read

03LAUNCHES & TOOLS

Sponsored

SENTRY LAUNCH WEEK

Calling all developers! Sentry Launch Week [10] is coming. Tune in daily on YouTube for new product announcements and demos, and win credit for our new SWAG store. Got opinions? Share them on Discord to directly to Sentry’s engineering and tech teams. Too busy? Enter your email to get all the demos, blogs, & videos sent directly to you. Go here for details on it all. [10] Sentry Launch Week: Nov 13 to Nov 18, daily 9 am PT.

sentry.ioSponsor

NIGHTWIND

Nightwind is a Tailwind CSS plugin designed to provide a readily customizable and replaceable dark mode feature. It harnesses the established Tailwind color palette alongside your personalized color choices to instantly produce dark mode variations of the Tailwind color classes you employ. For example, when you apply a class like bg-red-600, Nightwind seamlessly transforms it into bg-red-300 within the dark mode setting.

github.comGitHub repository

TS-CHAN

The "ts-chan" module provides concurrency primitives for TypeScript/JavaScript inspired by Go's channels. It offers installation for Node.js, Deno, and browsers. The module addresses the issue of microtask cycles in JavaScript programs involving concurrent operations. It defines a protocol for implementing channels and includes reference implementations of channels and a Select class.

github.comGitHub repository

VUEFORM

Vueform is an open-source framework for building forms in Vue.js. It standardizes the entire form-building process and gives you the power to customize styling, layout, and functionality while also taking important things like rendering, validation, and processing. Vueform comes with many form elements, like multi-file uploads and a date picker, along with a complete theming and templating system.

github.comGitHub repository

04MISCELLANEOUS

BUILDING A HIGH PERFORMANCE JSON PARSER

This is a case study of building a high performance JSON parser using Go. The parser supports streaming operations to reduce latency. Furthermore, the parser is compatible with the JSON API provided in the Go language. The parser also offers its own API, which is more efficient than the default JSON API.

dave.cheney.net22 min read

HOW TO WRITE TECHNICAL DOCUMENTATION THAT PEOPLE WILL ACTUALLY READ AND USE

Good documentation is clear, reproducible, and doesn't assume the reader's knowledge level. Documenting as you go along, rather than waiting until the end, is recommended because it allows for capturing details and maintaining clarity. Documentation should be modular so that parts can be expanded or skipped as needed. It should be reviewed by peers and ideally by potential users to ensure its comprehensiveness and usability.

medium.com6 min read