React Newsletter #229

Code Splitting, Production-grade React Apps, and a TikTok Clone


Articles

A Gentle Introduction to Code Splitting with React

This article uses a real-word example of building a healthcare application to give a helpful introduction to code splitting.

Examples of large production-grade, open-source React apps

In this article, Max Rosen reviews a few large-scale, open-source React apps that you might want to check out.

Converting the ReactJS.org documentation to use hooks

Mark Stewart wrote about how and why he converted the ReactJS.org documentation to use functions and hooks, instead of class-based components.


Tutorials

Create a React App with TS, Redux and OAuth 2.0 - Spotify login example

In this tutorial, you'll create a React app using the official Redux + Typescript template and add OAuth 2.0 user authorization. The OAuth 2.0 authorization in this tutorial is used to connect to Spotify’s Web API, but can be used for any service with the same authorization flow. The web app created you'll create is a stand-alone client-side web app with no server-side application needed.

Build a TikTok Clone with React and Firebase

In this tutorial you'll use React, Firebase, and Material UI to create a TikTok clone. If your clone is good enough, maybe you'll be able to convince millions of American teens to download it if/when the original TikTok gets banned 🙃.


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-email-editor

React Email Editor is a drag-n-drop email template builder component that makes it easy to add a solid email editor to your React apps. Designs are saved in JSON and can be exported as HTML.

Spearmint

A open-source tool to help React developers generate tests for a wide range of applications and technologies.

Firetable

An open-source, spreadsheet-like interface for Firebase/Firestore built in React.

radioactive-state

Radioactive state is a deeply reactive state. When it is mutated at any level (shallow or deep) it re-renders the component automatically.


made with ❤️ by ui.dev