Tag: react

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
Diving into the new jsx transformation

Diving into the new JSX transform

Dev

With React 17, you no longer need to import React in your files to use React. Confused? This article will tell you what you need to know in order to migrate both your code and knowledge to this new way of doing things.

Kristofer Selbekk
Sep 24, 2020 ⋅ 2 min read