Tag: react

React Patterns to Avoid Common Pitfalls in State Management

React patterns to avoid common pitfalls in local state management

Dev

Review some of the most common pitfalls of local state management in React, along with the patterns to help avoid them.

Lawrence Eagles
Nov 11, 2020 ⋅ 7 min read
Using D3.js v6 With React

Using D3.js v6 with React

Dev

Version 6 is the most recent D3.js release. Learn how you can use it to create charts and manipulate graphics in your React apps.

John Au-Yeung
Nov 6, 2020 ⋅ 6 min read
Creating contexts for fun and profit

Creating React contexts for fun and profit

Dev

We dive into what a context is in React, when you should be reaching for them, and the best way to create them.

Kristofer Selbekk
Nov 4, 2020 ⋅ 4 min read
5 Alternatives to Frontity

5 alternatives to Frontity

Dev

In this guide, we’ll show you how to use Frontity and introduce you to some alternative solutions for building WordPress sites with React.

Solomon Eseme
Oct 30, 2020 ⋅ 4 min read
Throttling Data Requests With React Hooks

Throttling data requests with React Hooks

Dev

In this tutorial, we’ll build a React Hook that enables us to gradually load data without blocking the UI of the browser.

John Reilly
Oct 21, 2020 ⋅ 9 min read
Internationalization React Lingui

How to set up internationalization in React using Lingui.js

Dev

Here’s how to integrate Lingui.js with a React app and add internationalization capabilities to your application.

Kasra Khosravi
Oct 12, 2020 ⋅ 5 min read
Using Vue Composition API in React Functional Components

Using Vue Composition API in React functional components

Dev

The experimental reactivue package allows you to take the best parts of the Vue Composition API and React Hooks and use them together.

Olasunkanmi John Ajiboye
Oct 9, 2020 ⋅ 5 min read
Benchmarking Bundlers in 2020: Parcel.js vs. Rollup vs. webpack

Benchmarking bundlers 2020: Rollup vs. Parcel vs. webpack

Dev

Bundlers serve as a cornerstone technology for all modern web apps. We’ve benchmarked Rollup, Parcel.js, and webpack across multiple criteria.

Zain Sajjad
Oct 7, 2020 ⋅ 6 min read
Building Figma Plugins with React

Building Figma plugins with React

Dev

Learn how you can use webpack to set up a Figma plugin project that establishes communication with a React-based UI.

Doğacan Bilgili
Oct 6, 2020 ⋅ 11 min read
Accessible components with reakit

Accessible components with Reakit

Dev

Reakit is a low-level component library that helps us to create more accessible React components, libraries, design systems, and applications.

Leonardo Maldonado
Oct 5, 2020 ⋅ 5 min read
Positioning tooltips in React with Tippy

Positioning a tooltip in React using Tippy

Dev

Learn how to position and customize tooltips in a React project using Tippy.js, an easy-to-use library that provides tooltip solutions and pop-out style GUI tools.

Samantha Snead
Oct 1, 2020 ⋅ 4 min read
What's New in React v17, and the Road to v18

What’s new in React v17, and the road to v18

Dev

A few weeks ago, the React team released the library’s latest version, React v17.0 RC. In this post, we will […]

Nwose Lotanna
Sep 25, 2020 ⋅ 5 min read