React Newsletter #247

Why React Context is not a state management tool, bringing back spacer GIFs, and everything about React Server Components


Articles

A Better React/Rails Architecture

In this article, Claire and Matthew from the Stitch Fix styling team write about their efforts to move towards an application architecture that makes use of microservices and micro-frontends, connected by a central API.

What Is the Jamstack in 2021?

In this article, Brian Rinaldi writes about how the concept of Jamstack began to significantly evolve in 2020, how we got here, and what 2021 might look like for the Jamstack ecosystem.

Let's Bring Spacer GIFs Back!

In this article, Josh Comeau shares "his most controversial idea yet" on why he wants spacer GIFs to make a comeback. It's a concept that carries a lot of baggage from the early, messy days of the web for many people. But Josh argues that it fits surprisingly nicely into a modern component system.

7 React Native Packages to know in 2021

Mohit wrote a quick post that points out seven lesser-known React Native packages that are worth checking out.


Tutorials

Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)

Mark Erikson is tired of people not understanding that Context and Redux are different tools used for different things. So he wrote this definitive guide to answer what Context and Redux actually are, how they're meant to be used, how they're different, and when you should use them.

Everything About React Server Components

This article & video from the Vercel team goes over what React Server Components are at a high level (components that can be rendered on the server and on the client). It also goes describes how Vercel and Next.js might work with React Server Components going forward.


Projects

GUI tool to generate React-Table code for your projects

Akamit made a GUI utility that generates React-Table code for you including the headings, footers, pagination, sorting, and more.

Freezeframe.js

A library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or be triggered manually.

dnd kit

A lightweight, performant, accessible and extensible drag & drop toolkit for React.

Project Lightspeed

An open source, fully self contained, live streaming server.


Videos

10 Next.js Tips You Might Not Know!

In this video, Lee Robinson from the Next.js team goes over 10 lesser-known tips for using the framework.

Building Minecraft in 1 Hour with React

This video tutorial walks you through building a Minecraft clone with React, Three.js, and React Three Fiber.

made with ❤️ by ui.dev