React Newsletter #227

Building a confirmation modal in React with state machines, and why the OKCupid team decided against using GraphQL for local state management


Articles

Build A Confirmation Modal in React with State Machines

In this article, Dave builds a reusable state machine using React and Robot to handle this modal confirmation flow, and wraps it up into a custom hook.

Why the OKCupid team decided against using GraphQL for local state management

The OKCupid team describes themselves as "pretty big fans of using GraphQL." So why did they decide against using it for local state management? Read the article to find out.

Introduction to props in React

This one's for the beginners. In this post you'll learn how to properly use props to pass data to components in React.

State of Frontend 2020 Survey results

Some interesting results in the state of frontend 2020 survey, specifically around React, Redux, and Gatsby vs Next.


Tutorials

8 ways to deploy a React app for free

This tutorial demonstrates how to deploy a React application in eight different ways. All the services described in this post are completely free with no hidden credit card requirements.


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 + TypeScript Cheatsheets

Cheatsheets for experienced React developers getting started with TypeScript

react-colorful

A tiny color picker component for modern React apps.


Videos

Fullstack React, GraphQL, TypeScript Tutorial

In this 14-hour long video, Ben Awad walks you through building a fullstack React, GraphQL, TypeScript app. This tutorial is geared towards intermediate developers looking to get their feet wet with these technologies.

Ionic Framework Horizontal & SideMenu Navigation in ReactJS Application

This 8-minute video demonstrates how to use Window.matchMedia() to do media queries and get a result back, and based on that result to hide or show the side menu.


made with ❤️ by ui.dev