Tag: react

jest enzyme react unit testing

Jest and Enzyme: Unit testing in React in 2021

Dev

Using Jest and Enzyme, here’s how to build unit tests for React and reliably test component trees and functions.

Andrew Evans
Dec 17, 2020 ⋅ 4 min read
React logo against a construction background.

The upsides of prop drilling in React

Dev

Props drilling is an easy way to pass data between components in React applications, but it can become cumbersome. Find out how to optimize props drilling in this tutorial.

Belinda Ijeoma
Dec 15, 2020 ⋅ 3 min read
Jest and Reach Logos for Screenshot Testing

Using Jest for React screenshot testing

Dev

Having trouble deciding between Jest and React for snapshot testing? Take a look at this comparison of the two to help you decide.

Alexander Solovyev
Dec 15, 2020 ⋅ 3 min read
Visx logo against a black and red background.

Introduction to Visx

Dev

This tutorial introduces you to Visx, a visualization library developed by Airbnb. Learn how to create a vertically-stacked bar chart with the reliable toolbox.

Enolia Fakeye
Dec 14, 2020 ⋅ 8 min read
React Logo

How to use the GSAP ScrollTrigger plugin in React

Dev

In this tutorial, you can learn about the GSAP ScrollTrigger plugin in React and how to use it to trigger animations on the scroll.

Edidiong Asikpo
Dec 10, 2020 ⋅ 11 min read
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