React Router v6: A Beginner's Guide

#432 – November 13, 2023

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

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!

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.

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.

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.

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?

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.