React Newsletter #264

Coinbase moves to React Native, Recoil launches v0.3, and Stripe releases a React Native library


This week’s issue is sponsored by 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.

👉 Check it out on GitHub.


News

Docusaurus 2 Beta

After a whopping 2-year alpha, Docusaurus 2 officially entered beta last week! The two major improvements include auto-generated sidebars(so you don't need to maintain a sidebars.js file anymore) and persistent caching, which significantly speeds up rebuild time.

Recoil v0.3 released

Facebook's internal tool for state management (that's still very experimental) just released another update. One cool new feature is how v0.3 allows you to create a RecoilRoot that falls through to the surrounding root if one exists, which means you can create re-usable components that use Recoil that can be used within or without the context of a larger Recoil app.


Articles

Announcing Coinbase’s successful transition to React Native

Harry Tormey (an engineering manager at Coinbase) wrote about his team's transition from native development to React Native. As you could probably guess, this was an intense process, and it required systematically testing and observing results, then upping the stakes with increasingly more impactful trials. And when your company has 56 million users and generated $1.8 billion in Q1 alone, your margin for error is pretty small.

Using Forms in React

In this article, Dave Ceddia teaches you how to make forms using plain React (no libraries) with a lot less pain. You’ll learn how forms really work, so you can confidently build them yourself. And you'll better understand how form libraries work under the hood.


Tutorials

Migrating an existing Next.js project to Netlify

Cassidy Williams (scientific name: Cassidoo), walks you through each step of taking a working Next.js project and putting it on Netlify for the first time.

How to Work with Multiple Checkboxes in React

In this tutorial, Yogesh Chavan walks you through how to use a checkbox as a Controlled Input in React, how to use the array map and reduce methods for complex calculation, and how to create an array of a specific length pre-filled with some specific value.

Get Started With React By Building A Whac-A-Mole Game

This beginner-friendly tutorial by Jhey Tompkins assumes you have a working knowledge of JavaScript, but teaches you some of the main concepts of React and walks you through building a whac-a-mole game from scratch.


Jobs

2x Sr. Frontend Engineers - React (100% Remote)

Close.com is looking for two experienced individuals that have a solid understanding of React and want to help design, implement and launch major, user-facing features. They are a 100% globally distributed team of ~45 high-performing, happy people that are dedicated to building a product our customers love.


Projects

MDB 5 React

A React 17, Bootstrap 5, & Material Design 2.0 UI kit with over 700 components & templates.

Stripe React Native SDK

Stripe created this React Native library to make it easy to build delightful payment experiences with a collection of powerful and customizable UI screens and elements that can be used out-of-the-box to collect your users' payment details.

VisionCamera 2.0

A powerful camera library for React Native that just released v2.0. This new release includes QR code scanning, realtime video chats, facial recognition, and more. Created by Marc Rousavy.

made with ❤️ by ui.dev