React Newsletter #178

React Dev Tools, bridging the gap between React's useState & useReducer & Redux, and building a React switch toggle components


Articles

React Dev Tools — Debug Like a Ninja

Dev Tools can do a lot of things. This post doesn't dive into the nitty gritty details of each and every feature but takes a look at the top 10 helpful features that help us save time and write better React code.

Bridging the Gap between React's useState, useReducer, and Redux

As the title states, this post starts off with useState, jumps to useReducer, and finishes things off talking about Redux.


Tutorials

Animating Next.js page transitions with Framer Motion

Kristian has been testing several React animation libraries and Framer Motion made the highest impression on him. In this post, he'll explore how to use Framer Motion to animate Next.js page transitions.

Build a React Switch Toggle Component

This tutorial walks through how to build a React switch component (aka toggle) using the native HTML checkbox input. You'll become comfortable using React checkboxes in the process.

Building a React Native Mobile App with AWS Amplify and Expo

In this tutorial, Aman Mittal teaches how to integrate a serverless computing service (AWS Amplify) in a mobile app using React Native. AWS Amplify has a complete toolchain with authentication, a choice between the wiring and managing GraphQL or REST API, data storage, push notifications, and analytics.


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.


Projects

React Rainbow Component Library

This open-source component library consists of 60+ well-designed components built on top of React.

standard-hooks

Essential set of React Hooks for convenient Web API consumption.


made with ❤️ by ui.dev