Learn how optimistic updates will work in React 19. With a very simple todo app, Jack Herrington live code different ways to implement optimistic updates with the new hook useOptimistic, transitions, tanstack query or even zustand.
A great theoretical article about transpilers, compilers, optimizers. What they are how they work, and mostly how React Compiler works.
I hope you are not expecting react 19 to be released pretty soon. Although it is in release candidate state, some malfunctions are still discovered when tested by library developers. Here is a resume of how a small update about suspenses triggers data being fetched in waterfall instead of being parallelized.
Queues are everywhere.. In this article Sam describe how queues are working and what are the strategies to manage our queues to manage requests from client to servers. I rarely see so much work and exampled explanations in a blog article, this definitely make this one a must read !
Few tricks to improve your website performances and loading time. You know probably know some of them (maybe even of all them), but a small reminder times to times never hurts
Great live coding during the last astro conference about the new server action feature. Discover how to create forms with validation, error management, type safety, progressive enhancement, and reactivity. I can't wait to test that !
Astro evolves pretty fast, and in this new release, we have performances improving at build, a new env module to manage your variables with a zod schema, and container api who allows to export components into strings. You can now, for exemple, use react component directly in a elixir page with an island. Very useful for non javascript developers.
Great interview of Evan You, the creator of Vue and Vite. Discover how he was able to transform a small prototype to help him during the development of vue 3 into the most hyper javascript build tool.
We talked about performances issues with uuid and cuid last month. This time we will dig deeper into the mess of uuid, and because sometimes integer ids are not recommended, here is an introduction to nanoid instead. Id like to have a benchmark on it too, but seems for now that its way more efficient.
A good explanation of the hook useDeferredValue and how to use it in a concrete exemple. This hook defer a value, allowing to manage priorities in the rendering of a component.
Discover with concrete exemple how react compiler works and why you won't have to use the memo and callback hooks. The react seems to continue to want simplify the DX, and if we can improve the performances at the same time, seems a win-win to me.
Small article based on a single exemple to show how to use the prefetching functionality in tanstack query to improve performances.
How to manage our stores in a react app ? globally or locally ? what is better for DX and performances ? Dominik shares his views on mixing zustand and contexts to reference store globally but store values locally to avoid unnecessary rerenders.
Do you also have performances issues with jest ? I know i do.. A good analysis and some very surprising results on how to improve our jest tests performance.
I'll just use their introduction to summarize this article : After deployment, we greatly boosted Lighthouse and PageSpeed scores, enhanced SEO health reports, and created a smoother user experience. This article summarizes what we learned and the process we followed to upgrade the website.
Performance improvements (up to 10 times faster) by rewriting part of the framework in Rust, over 35% reduction in package size by dropping PostCSS for a custom parser reducing parsing time by half.