Tag: react

wallaby guide feature image

How to use Wallaby.js in React

Dev

Learn to use Wallaby.js, a continuous testing tool for JavaScript that runs inside your IDE to provide constant feedback as you write.

Branford Shaw
Dec 10, 2020 ⋅ 4 min read
React logo against a green and brown background.

A complete guide to React Navigation 5

Dev

This tutorial gives you three ways to create and navigate to different screens using React Navigator 5.

Temiloluwa Ojo
Dec 4, 2020 ⋅ 10 min read

A comprehensive guide to data fetching in React

Dev

Explore the most common data fetching strategies in React, paired with examples and alternatives.

Gigi Sayfan
Dec 4, 2020 ⋅ 19 min read
Writing an Android App with Ionic React

Writing an Android app with Ionic React

Dev

With Ionic, we can use our knowledge of React to create an Android mobile app that can access hardware and work with storage devices.

John Au-Yeung
Dec 4, 2020 ⋅ 8 min read
Debugging React applications with the React profiler component and the profiler DevTool

Debugging React applications with the React Profiler API and the Profiler DevTool

Dev

There are several tools to measure performance optimization in React, learn more about the React Profiler DevTool and the React Profiler API in this post.

Lawrence Eagles
Dec 2, 2020 ⋅ 7 min read
Implementing Animated Toasts in React

Implementing animated toasts in React

Dev

Learn how to make a toast component with animations using React, Framer Motion, and Zustand, plus some custom Hooks for good measure.

Aditya Agarwal
Dec 2, 2020 ⋅ 6 min read
Update React Version Using Codemod

Using Codemod to upgrade your React version

Dev

Learn how to use Codemod to make refactoring code and React version upgrades painless and enjoy cutting-edge updates without compromises

Nausheen Sujela
Nov 30, 2020 ⋅ 3 min read
Firebase and React logos.

Creating a Google Keep clone with React and Firebase

Dev

This tutorial shows you how to create a simple Google Keep clone using Firebase and React that allows users to write a title for their notes and input text in the body.

David Aji
Nov 27, 2020 ⋅ 7 min read
React Recoil in Action: Building a Reusable Code Block Component

Recoil in action: Building a reusable code block component

Dev

We demonstrate how to use Recoil, a lightweight state management library for React, to persist user preferences in a reusable code block component.

'Tomi Odusanya
Nov 25, 2020 ⋅ 6 min read
What's new in CRA 4.0

What’s new in create-react-app 4.0.0

Dev

Create React App 4.0.0 is a major release and it comes with some awesome features. Learn more about the new features and notable changes.

Lawrence Eagles
Nov 24, 2020 ⋅ 4 min read
Getting started with radioactive state in React

Getting started with radioactive state in React

Dev

Learn what you need to know (and what you need to look out for) when getting started with radioactive state.

Lawrence Eagles
Nov 19, 2020 ⋅ 8 min read
The single-spa logo over a background featuring puzzles.

Creating micro-frontend apps with single-spa

Dev

Want to create a micro-frontend from scratch? This tutorial shows you how to do it with single-spa and React.

Diogo Souza
Nov 17, 2020 ⋅ 7 min read