React Router v6: A Beginner's Guide

Learn how to navigate through a React application with multiple views with React Router, the d facto standard routing library for React.

[Webinar] Are you on the most efficient path to a state of Clean Code? (sponsor)

Join Sonar for a free webinar on November 15 for a demonstration on the Clean as You Code methodology and its applications. You will see real-life examples of how to set up projects and practice Clean as You Code in open-source static analysis tools. Register today!

Ultimate Guide to SVG Animations with Framer Motion

Delve into the world of SVG animations with our comprehensive guide on using Framer Motion in React. Learn to animate SVG paths and shapes, enhance interactivity, and optimize performance for captivating vector graphics.

How to Avoid Prop Drilling in React

In order to write scalable, reusable, and maintainable applications with React, you'll need to go beyond the surface of using React components, useEffect, useContext, useState, and the like. It involves learning in detail how React works in more depth.

Why You Want React Query

React Query gives you a lot of features like caching, retries, polling, data synchronization, prefetching, … and about a million more that would go way beyond the scope of this article. It's totally fine if you don't need them, but this shouldn't stop you from using React Query.

React Server Components, without a framework?

Can we use React Server Components today, without a framework like Next.js? As our experiment shows, not without significant challenges – for now at least?

Headless Component: a pattern for composing React UIs

As React UI controls become more sophisticated, complex logic can get intertwined with the visual representation. This makes it hard to reason about the behavior of the component, hard to test it, and necessary to build similar components that need a different look. A Headless Component extracts all non-visual logic and state management, separating the brain of a component from its looks.