Angular 18 just got released and it was eagerly awaited. The angular team announced few months ago that this version should be a renew of the framework and we can indeed see that lots of new features were added, like signals. Good for us, there is no breaking change, so adoption could go smoothly.
New month, new astro feature get released.. This time astro introduce server actions. From your SSR or CSR page, you can now build a form and pass on submit an astro server action who will create a new endpoint in your server to validate and execute the function you'll define. A very important piece to manage forms is coming, but only in an experimental mode for now, so don’t use it in production yet.
What is worth Diagram GPT, the new AI tool from Eraser aimed to help development teams to make documentations and diagrams ? At first view, it seems very promising, but how to use it the most efficiently ? Sam explains all that in that great video.
What flex properties to use to have several buttons with different textes always having the same size ? A very elegant answer without media queries, just using flex and min-width.
Headless ui is an unstyled component library totally. It provides the logic and interactions, but let the developers style by themselves the components. It is a great tool to mix with tailwind to easily build design systems. Only compatible with React for now, but it should also supports vue soon.
You always wanted to host your AI on your own computer ? Well, now you can. In this practical tutorial, you'll learn how to install llama, mistral, stable diffusion, and a web ui to manage all your models. You can even train them. Finally you'll have your own free private cloud based AI (well, free if you already own a good graphical card of course).
In javascript, there are several ways to declare our functions. Learn here the differences and impacts between all of them before making your choice. At the end, it is mostly a matter of personal preferences.
Since the creation of SQL, we had many databases trying to reduce the relationship between our datas, but we never had any database trying to do the opposite and increase the relationships. Thats now the case with EdgeDB, and i must say, it seems pretty seducing.
Next releases a release candidate for the 15th version of the meta framework. This version is based on react 19 RC and includes react compiler, hydration error improvements, partial pre rendering and caching updates (fetch requests, route handlers, client router don't cache by default now).
Thanks for saying out loud what i was thinking quietly.. Here, Andrew comes back on the app router and the differences with the previous pages router, and highlight how next is becoming more complex as much as it grows.
Great introduction on how to install and use Playwright to your E2E tests. Artem explain all the setup, the use of Mock Service Workers to mock api calls, but also guide you through the building of your different tests.
As soon as it got available in HTML, React just implemented this new API into the react-dom package. No need anymore to install 3rd party library to manager popover in our applications.
Small article based on a single exemple to show how to use the prefetching functionality in tanstack query to improve performances.
Benefits from Argos experience in their quest to find to best behavior library for them. They moved away from Radix to React-aria in search of better UX and standard compliances and explain in this article theirs reasons and challenges.
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.
Remix is one of the major react meta framework and is based and focused on react-router. Because the last few years they worked so much in improving react-router (by themselves or in concert with the react team), most of their features got implemented directly and react-router. So much that it makes sense for them to just merge with react router so all the react community could profit from their work. Thanks to the remix team for all their implication, they definitely improved the way we are using react now.
A deep dive into RSC in this article, to understand the needs below merging CSR and SSR, and how to mix both paradigms to build better applications.
Learn how to use tanstack query with your RSC components and how the tool is still pertinent after switching from a CSR to a SSR paradigm.
Learn how to use server actions with tRPC.
Solid start, the a meta framework based on Solid, just reach the stable version. It just ships 5Kb of javascript by default, and allow users to create both CSG, SSR and CSR according to their needs. It is also isomorphic, so the same code can run wether on client or server.
Because creating documentation is always long and fastidious, Astro just released Starlight, a new tool to create amazing technical documentations quickly and easily. Be careful watching this video, you could end up wanting doing some docs for your next project..
Playwright can take existing stories from storybook and directly test scenarios from them. It allows to share configuration between the tools. That's why storybook launched an experimental features named Portable stories.
A very detailed tutorial to implement the payment system Stripe into your react application. From initialization to configuration and implementation both in your stripe account, your server and your client.
Another great article from Dominik, the main developer of the tanstack query, about how to manage our cache, and mostly, how and when to invalidate query to refresh datas.
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.
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.
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.