React Newsletter #230

Rewriting 'Recoil' from scratch, React + TypeScript, and a new state management library.


Articles

Rewriting Facebook's "Recoil" React library from scratch in 100 lines

Bennett gives a great breakdown of Recoil by building a clone of it from scratch and discussing each of the components that go into it.

React + TypeScript ❤️: The good parts ⚡

In this article, Diego writes about both the pros and cons of building with React and TypeScript and why he ultimately loves it.


Tutorials

Making Draggable Components in React

This tutorial illustrates some simple ways to make draggable components in React using the react-draggable package.

How to Use Redux in Your React TypeScript App

This guide demonstrates how to use Redux in your React TypeScript project by building an app that allows you to add, delete, and show articles. It assumes some basic knowledge of TypeScript, React, and Redux, but is still pretty beginner-friendly.


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

React Popup Component v2

A simple react popup component that help you create simple and complex Modals, tooltips, and menus for your next React App.

Jotai

A new, primitive, flexible state management library for React, from the creators of React Spring.

New VSCode extension for React icons

Allows you to search from 20+ free icon sets and directly add SVG or JSX into your code without leaving the editor.

Turtle 🐢

A progressive web app built with React, Ionic, and Firebase that syncs videos so that you can have a socially-distanced watch party with friends


Videos

React in 100 seconds

A great review of the history and fundamentals of React by Fireship.io.

Building a Multiplayer Chess Game

This 17-minute video walks through building a web app for multiplayer chess with React and Node.js.

Serverless Video Chat App using Firebase and WebRTC in React

This 55-minute video tutorials demonstrates how to build a video chat app and gives a helpful introduction to WebRTC.


made with ❤️ by ui.dev