Public Links

Details on how React rendering behaves, and how use of Context and React-Redux affect rendering

Software Engineer

As developers we want our sites to be fast, and it takes many small wins to add up to a performant...

Learn the fundamentals of SvelteKit by building a statically generated blog from scratch, with Markdown support, Sass, an API, and an RSS feed.

CSS has come a long way since the early days of web development. Learn how to write better CSS using modern strategies like the :is and :where pseudo-class functions, logical properties and values, clamp, gaps, and aspect-ratio.

V8 is Google’s open source JavaScript engine. Chrome, Node.js, and many other applications use V8. This article explains V8’s bytecode…

Even complex things could be explain in a simple way.

Everything you need to know about monorepos, and the tools to build them.

When our React apps get slow, we usually turn to useMemo to avoid useless job on re-render. It’s a hammer that often works well, and makes it hard to shoot yourself in the foot. But useMemo is not a s

useContext hook has made React Context API so pleasant to work with that many people are even suggesting that we drop external state management solutions and rely on the built-in alternative instead.

Performance optimizations ALWAYS come with a cost but do NOT always come with a benefit. Let's talk about the costs and benefits of useMemo and useCallback.

Learn how to use React.memo, some common pitfalls you might encounter, and why you shouldn't use React.memo for all your components.

We study React applications performance from the ground up, the processes involved, the tools to measure and identify slow parts, the important metrics to take in account, how these impact the UX and the various ways there are available to make applications super fast and smooth. Grab a cup of coffee and enjoy the ride. By franleplant

Learn about side effects and how to avoid them, how to wield immutablity to update objects and arrays in Redux reducers, and the easy way to update state with Immer.

Software Engineer

Using Enums in TypeScript is a great way to access particular parameters that are meant to be shared across multiple files, for example access levels...

Improve how you architect webapps Patterns.dev is free book on design patterns and component patterns for building powerful web apps with...

Using the right Xcode extensions can make you more productive

Software Engineer

Get up to date on some of the exciting new CSS features that are already supported in modern browsers—or soon will be!

For an upcoming zine project, I‘ve been buried deep under articles and papers on the phenomenon of “hype”. (If you‘re interested you can follow the project along here). A topic that has been haunting me throughout my years working at the innovation team of the Süddeutsche Zeitung where I…

Development is rarely a linear process, and our commits tend to reflect this. Here you'll learn about a git flow for faster PR reviews and an keeping your git history organized.

Learn programming tools fast. Then remember them.

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle? This happens because of a mathematical quirk with RGB colors. Fortunately, we can work around this quirk, and create beautiful, lush, saturated gradients.

Learn about the history of state management in React and what the preferred solutions are today.