React Newsletter #220

07/07/2020

16,680 Subscribers. Every Tuesday.

News

React Hook Form v6 is released

Here are the highlights from this new release:

  • Better Typescript Support
  • Smaller Package Size
  • API Refinements
  • Improved Controller
  • New custom hook useWatch

Articles

The React + Apollo Client 2020 Cheatsheet

Apollo is the glue that binds React and GraphQL together. This cheatsheet from Reed Barger is a great reference that covers the basics of Apollo and GraphQL, some core Apollo hooks, and other key concepts.

7 awesome React hooks

This article will help you about the usage of different React hooks to solve everyday problems. You’ll learn the “how” and “why” of hooks like useFiler, useSlug, useHover, and more.

Building the Tailwind CSS blog with Next.js

Adam Wathan - the creator of Tailwind CSS - writes about building the Tailwind CSS blog from scratch with Next.js. He also demonstrates how they built specific features with helpful code snippets that might help you build your own blog from scratch.

Different ways to learn React

In this article, life long Utah Jazz fan Ben Ilegbodu breaks down the best approaches (and resources) for learning React in 2020. They include tutorials, workshops, online courses, and more.


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

Screenshot.rocks

This React web app allows you to create browser mockups from screenshots that you upload.

Papyr CMS

A JavaScript CMS built with Node, React, and NextJS that is easily extendable. It provides a selection of commonly used page sections for the page builder, site notifcations, customizable content, user authentication, and more.


Videos

5 Steps to think in React when building a React from scratch

One of the great things about React is how it makes you think about apps as you build them. This 15-minute video walks though 5 steps in to build a searchable product data table using React. As a bonus, you’ll style the app using Tailwind CSS.

Building an isometric Frogger game with React & Recoil

Want to see Recoil in action? This 3-part video series demonstrates how to use it with React to build a simple Frogger-style game. This particular video walks through how to handle inputs from the user and build the game logic. If you haven’t heard, Recoil is the new, experimental set of utilities for state management created by an internal team at Facebook.


16,680 Subscribers. Every Tuesday.