Tag: react

Testing React Apps Jest React Testing Library

React app testing: Jest and React Testing Library

Dev

Learn how to test React applications with Jest and React Testing Library, a popular combination and official recommendation from React.

Juan Cruz Martinez
Mar 16, 2022 ⋅ 11 min read
React Tic Tac Toe Hooks

Build a Tic-Tac-Toe game with React Hooks

Dev

Learn how Tic-Tac-Toe is played, scaffold a Next.js project, and learn how to code and play a Tic-Tac-Toe game on our computer.

Chidume Nnamdi
Mar 15, 2022 ⋅ 8 min read
Using CSS media queries in React with Fresnel

Using CSS media queries in React with Fresnel

Dev

Here’s a look at the Fresnel package, one of the most efficient ways to implement responsive design for server-side rendering.

Madars Bišs
Mar 14, 2022 ⋅ 7 min read
Deep Dive React Fiber

A deep dive into React Fiber

Dev

Learn about React Fiber, an internal engine change geared to make React faster and smarter by solving the DOM tree issue.

Karthik Kalyanaraman
Mar 14, 2022 ⋅ 14 min read
Build a Web3 authentication flow with React, Ether.js, and Ceramic

Build a Web3 authentication flow with React, Ether.js, and Ceramic

Dev

Learn how to build a Web3 auth flow in this step-by-step tutorial using popular libraries and platforms like React, Ether.js, and Ceramic.

David Ekanem
Mar 11, 2022 ⋅ 4 min read
Drag-And-Drop Image Component React Dropzone HTML Drag and Drop API

Build a drag-and-drop image uploader with react-dropzone

Dev

Learn how to use react-dropzone to create a drag-and-drop component for uploading images. Compare this to the HTML Drag and Drop API method.

Uzochukwu Eddie Odozi
Mar 11, 2022 ⋅ 21 min read
React Pagination Scratch

React pagination from scratch using Hooks

Dev

Improve you app’s overall UI and UX by reducing large data displays with a pagination component. Create pagination from scratch using React Hooks.

Sampath Gajawada
Mar 11, 2022 ⋅ 6 min read
React Form Validation Solutions

React form validation solutions: An ultimate roundup

Dev

This roundup is a comprehensive look at some of the most popular solutions for form management and validation in React.

Wern Ancheta
Mar 9, 2022 ⋅ 15 min read
React Logo Over a Paint-Splashed Background

Top React dashboard libraries

Dev

Here’s a curated list of the best free, open source React dashboard templates that can be easily set up and modified for projects as needed.

David Omotayo
Mar 8, 2022 ⋅ 5 min read
Progress Reading Bar React

Creating a reading progress bar with React

Dev

Build a reading progress bar in React to calculate and show users how far they have scrolled on a webpage.

Saleh Mubashar
Mar 8, 2022 ⋅ 4 min read
Troubleshooting Common React Native bugs

Troubleshooting common React Native bugs

Dev

In this troubleshooting guide, we share how to easily find and address common React Native bugs.

Daniel Idaszak
Mar 7, 2022 ⋅ 6 min read
react-code-splitting

React dynamic imports and route-centric code splitting guide

Dev

Read our route-centric code splitting guide and learn how to speed up your React apps using dynamic imports, React.lazy(), React.Suspense, React Router, and Loadable Components.

Lawrence Eagles
Mar 7, 2022 ⋅ 7 min read