Tag: react

An image of the React logo overlayed on a wooden backdrop.

Using react-dnd to create a Tower of Hanoi game

Dev

Learn how to use React dnd, which includes a powerful API to handle dragging and dropping.

Diogo Souza
Mar 2, 2020 ⋅ 10 min read

Why you shouldn’t use inline styling in production React apps

Dev

Learn about the inline styling concept in React, and why you shouldn’t be using this if you’re planning to have a scalable and productive application.

Leonardo Maldonado
Feb 28, 2020 ⋅ 6 min read

Why you should use refs sparingly in production

Dev

A general rule of thumb is to consider how possible it’ll be to do exactly what you want to do with props and state before thinking about refs.

Peter Ekene Eze
Feb 28, 2020 ⋅ 4 min read

Developing responsive layouts with React Hooks

Dev

Having trouble creating responsive layouts in React? Learn more about how to use React Hooks to create an elegant and, more importantly, reusable solution.

Ben Honeywill
Feb 21, 2020 ⋅ 5 min read
A tutorial for writing semantic tests with React testing library.

Semantic tests with react-testing-library

Dev

This tutorial shows you how to use the React Testing Library API to write better tests for you and your team.

Rafael Quintanilha
Feb 21, 2020 ⋅ 6 min read
Learn how to debug performance problems in React with this post

Debugging performance problems in React

Dev

This tutorial shows you how to use Chrome Performance Tab, React Dev Tools, the Profiler API to debug performance problems in React.

Diogo Souza
Feb 18, 2020 ⋅ 7 min read
Learn how to add a React to NPM using Github

Complete workflow guide to publish a React library to NPM using Github actions

Dev

This post walks you through three methods for publishing a React library to NPM using Github actions.

Paramanantham Harrison
Feb 11, 2020 ⋅ 9 min read
Virtual scrolling: Core principles and basic implementation in React

Virtual scrolling: Core principles and basic implementation in React

Dev

Review the basic principles of virtual scrolling and learn how to build a reusable React component to solve the simplest issues associated with this technique.

Denis Hilt
Feb 10, 2020 ⋅ 10 min read
Pitfalls of Overusing React Context

Pitfalls of overusing React Context

Dev

React Context is a powerful, useful tool, but it can cause performance issues when overused, especially in apps with frequent state changes.

Ibrahima Ndaw
Feb 4, 2020 ⋅ 4 min read
Integrating Web Workers In A React App With Comlink

Integrating web workers in a React app with Comlink

Dev

Web workers are notoriously difficult to interact with, but Comlink makes the process much more elegant.

John Reilly
Jan 28, 2020 ⋅ 6 min read

Act now to make your React website accessible

Dev

I do not care about the various WCAG 2.x standards. People use these standards as an excuse to do the bare minimum to make a site accessible. What I do care about is that real users of assistive technologies can verify what we have developed is accessible.

Paul Cowan
Jan 27, 2020 ⋅ 7 min read

Build more accessible forms with React Icons

Dev

The goal of this post is to help you understand how to build more accessible React forms by using the popular react-icons library.

Peter Ekene Eze
Jan 24, 2020 ⋅ 4 min read