September 2024
Simple Table of Contents with Astro
A simple way to create a table of contents in Astro.
A simple way to create a table of contents in Astro.
Learn how to use url to manage states and components by making it the single source of truth.
Optimize your UX by improving your performances using PPR with Nextjs and Cloudflare Workers.
I must admit, i never really use scroll animations mostly due to its complexity. This podcast full of examples and demos just shows how amazing animations you can make with css. And its not that complicated, so be sure to take a look.
Great article about how to use infinite queries with tanstack query.
Interesting interview about the pragmatic drag and drop lib created by Alex Reardon from Atlassian
We already know it, the future of authentication is passwordless. Some websites like amazon or github already propose to authenticate an user by generating a fingerprint from the browser. Learn how to implement passkeys in your applications to go passwordless.
I've always loved swipe actions, but it's really not the easiest to build. Learn how to use framer motion to build your own swipe behaviors.
Do you really need a full authentication system ? I never really thought about it, but in some cases, it might indeed not needed..
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 !
Presentation and demonstration of React Aria focused on 5 points : accessibility, user experience, styling, internationalisation and customisation.
Another article to discover the new useFormStatus hook in React 19, and how to use it to improve your UX with transitions.
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.
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.
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.