TLDR Index
TLDR Web Dev

TLDR WEB DEV 2023-08-18

5 sections12 entriesinline urlcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

HOW WE REDUCED THE SIZE OF OUR JAVASCRIPT BUNDLES BY 33%

Dropbox faced performance issues due to large JavaScript bundles and decided to replace its outdated module bundler during the migration to a new web serving stack. It chose Rollup as the new bundler, which offered features like automatic code-splitting and tree shaking. Despite initial challenges, including resource-intensive builds and bugs in Rollup’s tree-shaking algorithm, the migration was successful. After the rollout, Dropbox observed a 33% reduction in JavaScript bundle sizes, a 15% reduction in total JavaScript script count, and modest improvements in page load times. This change also significantly improved front-end development velocity and reduced maintenance burden.

dropbox.tech6 min read

BUILDING A TWO-WAY DATA BINDING HOOK FOR FORM INPUTS IN REACT

Two-way form input binding is a popular feature offered by JavaScript frameworks like Vue and Svelte. This is an experiment to reproduce the feature in React. It’s also a real-life example of how a seasoned React developer would approach building complex functionality.

macarthur.me5 min read

ADAPTING TYPOGRAPHY TO USER PREFERENCES WITH CSS

Bringing the user into the design process has been an exciting time for users, designers, and developers. Users can land on their experience and seamlessly begin consuming content with their preferences richly integrated into the design result. This blog post explores using CSS media queries with a variable font to tailor the reading experience even further.

web.dev7 min read

02OPINIONS & ADVICE

MANAGING DIFFICULT SOFTWARE ENGINEERS

There's a thread that weaves through every project, failure, and challenge. That thread is people. Managing people is complex, intriguing, and ultimately rewarding. This guide is a distillation of lessons learned and a roadmap to help you navigate the choppy waters of managing difficult software engineers.

vadimkravcenko.com31 min read

THE IMPORTANCE OF TEAM TOPOLOGY

Teams need to have an intentional and well-thought-out purpose to thrive. This blog explores two different team topologies strategies. It highlights which topology is most effective in the world today, why it’s effective, and how you can implement it in your organization.

blog.logrocket.com4 min read

03LAUNCHES & TOOLS

TAGGER

A zero dependency, Vanilla JavaScript tag editor.

github.comGitHub repository

PLANE

Plane is an open source JIRA, Linear, and Height alternative. It helps you track your issues, epics, and product roadmaps in the simplest way possible. Plane can be either self-hosted or used through Plane Cloud, which is a hosted solution for Plane.

github.comGitHub repository

04MISCELLANEOUS

HOW GOOGLE UNLOCKS AND MEASURES DEVELOPER PRODUCTIVITY

The time of rapid growth is on hold, leaving engineering teams trying to do more with less. No matter where you are, tighter customer budgets are driving greater demand to release differentiating features faster. Unlocking productivity for one of software development’s biggest expenses is more important than ever. Learn how Google measures developer productivity with mixed methods research, logs, and more.

thenewstack.io7 min read

ARE TECH WORKERS BENEFITING FROM TECH LAYOFFS?

Tech workers continue to be some of the most in-demand talent in the labor market today despite reports about tech layoffs dominating the news for the better part of the year. In fact, a recent survey conducted by Indeed to better understand tech worker behavior suggests that tech workers aren’t being affected by recent economic turbulence quite as much as some might think - some might even argue that tech workers are benefiting from tech layoffs.

indeed.com7 min read