React Newsletter #225

Making sense of react-spring, shared state with React Hooks and Context API, and how to build an offline-first React app


News

React v17.0 Release Candidate

The Release Candidate for React v17.0 was just released. Instead of releasing new features, this release sets the groundwork for making it easier to upgrade React itself. Here are some highlights.

  • Enables gradual React upgrades
  • Internal changes to how React handles events
  • More consistent timing of the cleanup of useEffect
  • Better component stack traces on errors
  • Adds react/jsx-runtime and react/jsx-dev-runtime so you no longer have to import React just to use JSX.

Articles

Making sense of react-spring

Animation is one of the trickier things to get right with React. This post gives a good introduction to react-spring and then dives into some interesting use cases.

Shared State with React Hooks and Context API

This article takes a look at a way to use hooks along with React’s Context API to provide a shared state between function components.

Why React Hooks?

Ever wonder why React Hooks were necessary and what benefits they offer? This article breaks it down from a historical perspective.


Tutorials

How to build an offline-first React app

This tutorial is organized as a mini-course with different modules that walk you through how to build an offline-first Todo app with React, RxDB, Hasura, and GraphQL.


Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

Bumbag

An accessible & themeable React UI Kit that helps you rapidly build React apps of all shapes and sizes.

Ink 3

Ink lets you build CLI apps using React, and v3 provides some fun new features including some new built-in hooks, improved stability and performance, and a new static component.

use-image-color 🎨

A custom hook to grab a color palette from images. It renders a skeleton color while your original image is loading.


Videos

Building a React RPG game with hooks

By the end of this 23-minute video you'll be able to make you game character walk around the screen using React Hooks and Sprite Animation.

Building a Spotify clone in React for beginners

This 4-hour live stream walks through some fundamental React concepts while building a Spotify clone using the actual Spotify API.


made with ❤️ by ui.dev