#423 – September 11, 2023

Making Sense of React Server Components

This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React community. In this tutorial, we'll explore this new world, and build an intuition for how it works, and how we can take advantage of it.

Incogni - The best solution to remove your personal information from the internet in 2023 (sponsor)

Safeguard yourself against scams, online harassment, robocalls, spam emails, and identity theft by proactively securing your personal information. Take control of your privacy and utilize Incogni to optimize your online security and minimize the exposure of your personal information to data brokers. Gain the power to combat a range of risks that pose a threat to your privacy. Risk free.

How to Pass a Component as a Prop in React

Learn different ways to pass a component as a prop in React: passing JSX, using React.ComponentType, and using React.ElementType.

Challenging Established Norms: Making Component Fetching the Exception

Initially, integrating data concerns within our components appeared intuitive to me and simplified the developer experience. However, I eventually found reasons to treat it as a last resort.

Parents & Owners in React: Data Flow

There are two, similar but different component trees in React. Being aware of this difference can help you better structure your React application.

Mastering 'useRef' in React with TypeScript

In React, useRef is a versatile hook that allows developers to interact with the DOM and manage mutable values without triggering re-renders. When combined with TypeScript, it becomes even more powerful, providing type safety and preventing common runtime errors. In this article, we will explore the various use cases of useRef in React, with a focus on using it effectively in TypeScript projects.