A Thoughtful Way To Use React’s <code>useRef()</code> Hook

A Thoughtful Way To Use React’s `useRef()` Hook

12 min read
No meows just yet

November 19, 2020 — In a React component, useState and useReducer can cause your component to re-render each time there is a call to the update functions. In this article, you will find out how to use the useRef() hook ... Read More…

74 more articles

Nefe Emadamerho-Atori wrote

Authenticating React Apps With Auth0

November 11, 2020 — In this article, Nefe explains how to authenticate React apps using Auth0. You’ll also see how you can set up Social Logins in your apps. Read More…

Fortune Ikechi wrote

A Dive Into React And Three.js Using `react-three-fiber`

November 9, 2020 — react-three-fiber is a powerful Three.js renderer that helps render 3D models and animations for React and its native applications. In this tutorial, you will learn how to configure and build 3D models in a React application. Read More…

Nwani Victory wrote

Building Serverless Front-End Applications Using Google Cloud Platform

November 6, 2020 — In this article, you will learn what serverless applications are, how they are used on the Google Cloud, and also scenarios in which they can be used in a front-end application. Read More…

Nefe Emadamerho-Atori wrote

Data Visualization With ApexCharts

November 5, 2020 — In this article, you will be exposed to ApexCharts and to the different types and variants of charts it provides. Along the way, we’ll build several types of charts and learn how we can customize the appearance of our charts. Read More…

Ibrahima Ndaw wrote

How To Build A GraphQL Server Using Next.js API Routes

October 29, 2020 — This guide will teach you the basics of Next.js API Routes. We will start by explaining what they are and why API Routes are useful compared to REST or GraphQL APIs. Then, we will guide you through a step by step tutorial on how to build your very first GraphQL server with … Read More…

Nefe Emadamerho-Atori wrote

Introducing Framer Motion

October 26, 2020 — Animations, when done right, are powerful. However, creating eye-catching animations with CSS can be tricky. In comes Framer Motion. With Framer Motion, you don’t need to be a CSS expert to make beautiful animations. Framer Motion provides us with production-ready animations … Read More…

Adebiyi Adedotun wrote

Getting Started With Next.js

October 22, 2020 — Next.js is a React framework that is bound to ease your life as a React developer by abstracting away the common and redundant tasks (such as routing) into relatively simpler and powerful APIs. That way, you can focus on writing your apps instead of reinventing the wheel. Read More…

Chidi Orji wrote

Managing Long-Running Tasks In A React App With Web Workers

October 15, 2020 — In this tutorial, we’re going to learn how to use the Web Worker API to manage time-consuming and UI-blocking tasks in a JavaScript app by building a sample web app that leverages Web Workers. Read More…

Nefe Emadamerho-Atori wrote

React Form Validation With Formik And Yup

October 12, 2020 — Forms are an integral part of how users interact with our websites and web applications. Validating the data the user passes through the form is a critical aspect of our jobs as web developers. However, it doesn’t have to be a pain-staking process. In this article, we’ll … Read More…