Le structural sharing (en français partage structurel) est une technique utilisée principalement dans les structures de données dites immuables. On entend par là des données qui reste identique et ne change pas. Elle consiste à réutiliser les parties...
Sous le capot, Tanstack Query implémente un pattern observer afin de pouvoir réagir aux changements des données et mettre à jour l’UI. La lib est pensé pour être agnostique du framework UI. Elle peut fonctionner avec React, mais aussi Solid, Vue, Sve...
TanStack Query utilise le pattern Observer pour connecter la logique interne de cache avec les composants de l’interface qui consomment les données. Son idée centrale est d’instaurer une relation un à plusieurs entre objets. Cette notion de un à pl...
Why TanStack Query? Without it, you’d manually: Fetch data inside useEffect Use useState to manage data, loading, and error Handle refetching, caching, and side-effects on your own With TanStack Query, it's all streamlined with a single hook – u...
Introduction Next.js has earned its place as one of the most popular frameworks in the React ecosystem. It gives you just about everything you need to build a modern web app with React—file-based routing, server-side rendering, static generation, and...
We know React is a lightweight powerful runtime. There are a plethora of libraries that are present that alleviate React to make it dead-simple in making beautiful apps. Want to make amazing animations, you have Framer Motion. Want to make and edit v...
Hey devs! Today we're diving into how to set up a read operation in a React app using TanStack Query with an Express backend and Prisma ORM. I know a ton of you are jumping on the Next.js bandwagon (for good reason!), but there's still plenty of grea...
On March 6, 2025, we had the opportunity to implement a complete rebuild of Awarefy's web application, which has now been released. https://apps.apple.com/app/id1513802951 Currently, Awarefy's core functions are provided as mobile apps for iOS/Andr...
Basic React Table Create an instance of a react-table. const BasicTable = () => { ...... ... const table = useReactTable({ data, columns }) return ( <div></div> ) } data is the data the table contains. Columns need to b...
Data fetching is a critical aspect of modern web applications, and managing it efficiently can be challenging. Enter TanStack Query (formerly known as React Query), a powerful library that simplifies data fetching, caching, synchronization, and serve...