News from April 2024
Zustand and React Context
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.
The Problem With UUIDs
Should we use integer, cuid or uuid for our database ids type ? An interesting comparison between the 3 of them based on their performances, and by extension, their costs.
Synchronize Backend and Frontend Types With tRPC
How to share our types between our front and ou back ends ? RSC ? Monorepo ? or maybe just tRPC ? Learn how to use it to fetch both your types and datas from your backend. And its even compatible with tanstack query.
Tailwind is working on signals
The famous CSS library is working on implementing signals. It will allow to set and use states in our css to automatically update styling in several elements. We can see that of an evolution of the group functionality without its downsides.
How Solid made me a better developer
Great article describing how an average react developer improved his technical skills & knowledge by using solid.
Signal on its way to Javascript too
After solid, preact, angular, or even tailwind (see previous entry), signal is coming directly into.. javascript. A draft proposal had been made to integrate signals directly in the language.
React vs HTMX - A Fascinating War
Seems like every month we have a HTMX comparison, it shows how much the framework brings in the JS ecosystem. As always with Theo, this video is a well of knowledge about how to place HTMX in the ecosystem and when to use it.
React 19 released in beta
A first beta for the next react version, but aimed at library developers for them to study and adopt the new features. It includes RSC, servers actions, new refs, context, document metadata, async scripts, prefetching, better error reporting.. The list of new features and upgrades is is pretty impressive.
Node 22 is finally here
The new version is finally released, and this one will become a LTS version. New compatibility with ESM, so now we'll be able to import and export our modules and start a migration from CJS to ESM. (Finally we can stop compiling in both ESM and CJS in our monorepos). Also a new version of the V8 engine and improvements for the websocket client.
Exploring Server Actions with Next.js
A good tutorial on using server actions to make a fullstack CRUD in Nextjs 14.
From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)
3 hours of tutorial on what is probably one of the best JS stack in 2024, and for once, including the production and hosting part on Vercel.
Should you still learn to code ?
Nowadays we hear more and more than AI will take developer jobs in a near future and some big names (hello Nvidia) even recommend people to stop learning coding. In this video, TJ gives insightful opinions of the matter and what really is a developer job.
Using JSX as a template engine
Can we use React JSX as a template engine in Express framework ? Is it a good idea ? Should we do it ? Maximilian Schwarzmüller tries to answer theses questions in this video.
How to Simplify Global State Management in React Using Jotai
Jotai is a primitive and flexible state management solution for React. Learn how to use it in this tutorial.
Improving our Jest execution time by 300%
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.
Exploring using Suspense with React Query
This article not just only cover the use of suspense with tanstack query, but mostly how to use suspense efficiently and not displaying data loader for every data refresh. A must read to improve the UX of your data management in react.
Eslint evolves to version 9
New rules, dropping support of old Node version, but mostly the v9 introduces a new flat configuration file. Make sure that all your plugins support the new version before tempting an upgrade.
Bun 1.1 finally supports Windows
1700 commits, thousands of bugs fixed, and tons of new features and API since the 1.0 version, but the major element of this release is the windows compatibility. But also, Bun 1.1 is up to 2x faster on large projects, now integrates a shell, has a new Glob api, and support vite syntax for process.env.
Boosting Performance with Next.js and React Server Components: A geekyants.com Case Study
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.
HTMX and Astro Are An Amazing Combo!
Its no secret that i love Astro, but implementing reactivity with CSR elements can sometimes be a little overkill. Using HTMX solves this problem by adding some reactivity in our pages without the need of an ui framework.
More features for Astro in a new version
New version of astro with manual routing strategy for internationalization, experimental support for CSRF protection in SSR and cookies improvements.