#409 – June 05, 2023

JWT Authentication in React with react-router

In this blog post, we'll explore the seamless integration of JWT authentication with React and react-router. We'll also learn how to handle public routes, secure authenticated routes, and utilize the axios library to make API requests with the authentication token.

Live Technical Demo This Week: Use API calls in React to build native email functionality (sponsor)

Build native email read and send functionalities with React in less than 30 minutes. Nylas offers ready-to-go sample apps, actually helpful docs, and so much more. You'll be able to launch communications features within your app in just minutes. Grab your link to join this week's technical demo.

Happy 10th birthday to reactjs! 🎂⚛️

As we celebrate a decade of React, let's take a moment to appreciate the amazing community of developers who have contributed to this remarkable library over the years.

MouseTracker: A react component that follows your mouse

This component lets you render content that follows your mouse. The component accepts any children, and renders them into a fixed-position div that takes the coordinates of the mouse, with optional offsets.

useHooks

A collection of modern, server-safe React hooks.

A Comprehensive Guide of React Unit Testing

Let's see an example of how unit testing is important. Let's say we have a add function in an application that we use in our calculator application. This add function accepts two parameters, and these parameters should be a number.

The evolution of React APIs and code reuse

Trace the evolution of React APIs and the mental models behind them. From mixins to hooks, to RSCs, understand the tradeoffs along the way.