Latest Articles & Tutorials

Fuse.js is a lightweight search engine that can run on the client side in a user’s browser. Let’s see how we can use it to easily add search functionality to a React application.

For many developers, implementing a sticky header on a table before the CSS property position: sticky was challenging. In this article, we are going to look at building a sticky header using React Hooks.

State is the most complex thing in React, and it's something both beginners and experienced developers struggle to understand. So in this article, we'll explore all the basics of state in React.

In this guide, I've put together seven of the top ways that you can start writing cleaner React code today to make building React projects and reviewing your code much easier.

You can use custom React hooks to solve many different real-world problems in your React projects.

In this post, I’m going to walk through setting up Font Awesome in a React project. I’ll also include some basics on how to use Font Awesome in your React components.

We’ll cover how to read a stack trace, how to interpret the text of the error, and ultimately how to fix it.

In this article, we will talk about the buzz around React Native for Web and set up a demo project with it, too!

Next.js provides a zero-configuration setup process similar to what Create React App does through a package called Create Next App. Today, we will look at how you can make use of Next.js on a pre-existing React application. This will allow you to add SSR to an existing project.

You want to conditionally call a hook, but you can't do that because of rules. What do you do?

Split panes are a constant part of a developer’s life. Whether it’s to divide the many areas of your favorite desktop or web IDE, it’s a great feature to improve the user experience in terms of screen organization.

Non-opinionated by design, the React library benefits from the use of boilerplates, pieces of code that act as a logical starting point while beginning development with any technology. In this article, we will look at five such boilerplates for React and explore their strengths and weaknesses.

We are excited to introduce Next.js 10.1

This article covers additional tools for React Native that enable debugging capabilities the shipped React Native Developer Tools don’t offer. The focus is on inspecting and rewriting network traffic between your app and server.

In this tutorial, we’ll look at how we can implement in-app purchases in React Native. Aside from the frontend, we’re also going to implement the backend so that we can verify the purchases and update user data accordingly.

In this post, we will discuss CLS specifically, with special focus on how to prevent layout shifts in Next.js apps.

Let’s explore an efficient way to create React graphs with the KendoReact Charts library. Read on to see how to quickly implement Donut, Bar, Line and Sparkline charts.

Whether you're an Apple fan or not, you'll likely agree that Apple sure does have a groundbreaking UI. And iMessage is definitely an important part of that design.

In React Native, you have to typically deploy apps on two platforms: Android and iOS. Both platforms use different languages and build tools. In this tutorial, we will build a continuous deployment pipeline of a React Native app on App Center via Azure DevOps.

In this tutorial, we will look at how to integrate an OpenAPI-generated service from the server, and then use this generated service across a React application.

This one will be short and to the point. I recently ran into a problem while trying to create a debounced callback with React hooks.

Type checking in React through the prop-types package ensures that you know what each variable stores even if documentation is lacking or not helpful. In this discourse, we examine prop types in depth to help you build a quality codebase.

In this guide, we’ll compare 10 of the most-used UI libraries for React Native.

To make things as easy for myself as possible, I wanted to put together a development stack that got me up and running as quickly as possible, made the mystic art of CSS as easy as possible, and gave me a way of rapidly developing, visualising, and iterating on the design of my components.

How do you make your React applications responsive for any sized device? Let's see how to do so by making our own custom React hook.

In this blog post, I’ll share some tips that I’ve found incredibly useful when building reusable React components with Tailwind.

The more code a project has, the slower the browser will load. Therefore, you often have to balance the size of your dependencies with the performance you expect out of your JavaScript. Code splitting is a useful way to strike this balance.

In this post I’ll give you the Grand Tour of state management options in React and help you decide which one to use in your project.

Learn about finite state machines, the advantages of this computer science concept and how we can use it in React apps.

This post will help you to learn how to deploy your React applications to production. We are going to use Docker and NGINX to secure API keys and proxy requests to prevent Cross-Origin Resource Sharing (CORS) violations.

In this article, we're going to see how to use the JavaScript library React as a way to add convenience and reusability to our websites.

This tutorial is designed to help you understand React Fragments and various use cases where it would come in handy.

Each of the previous releases were focused on a specific addition to the Gatsby platform, but with version 3.0, things have gone to the next level. In this post, we will discuss the new features that have come with the new version.

Practical introduction for CTOs

In this tutorial, we’ll demonstrate how to build and show a splash screen in React Native. We’ll walk you through how to build stunning welcome displays for both iOS and Android apps using react-native-splash-screen.

In this tutorial, we’ll go over the basics of using React Native Elements.

React is a super-awesome front-end library that you can use to build user interfaces.

Learn how to authenticate users with Auth0’s Next.js SDK

In this article, we’ll take a look at a simple React component and observe how our test suite responds to simple refactors. We’ll use React Testing Library to highlight the power of testing how the user interacts with the app.

React Native is among the most commonly used libraries for building mobile apps today. In this guide, we will explore unit testing in React Native applications, covering benefits, best practices, testing frameworks, and more.

Understanding React Hook Form and how it stands out from other form libraries

Animations can make for a more engaging user experience in our React apps.

Let's see how to use react-hook-form in your own projects to build rich, featureful forms for your React apps.

If you're a front end developer who's just getting started with Deno, you might be wondering – can you build something as complex as a NextJS or create-react-app (CRA) application using Deno?

In this React Budget Tracker App tutorial we're going to learn how break down a UI into React components, learn how to work with state using the Context API, learn about actions, reducers, and the dispatch function.

In this post, we’ll look at the top ten unranked React Grid component libraries that help you build great-looking and performant grid layouts.

In this post, I want to go over how I personally use React Context. I think you'll find it succinct and useful.

In this tutorial, we’ll show you how to style components in React Native. We’ll demonstrate how styling in React Native works by building an example e-commerce mobile application.

Learn how to use the useCallback hook to avoid unnecessary re-renders in our application, and the useRef hook to keep track of references.

I, for one, am excited about the growing number of new ways to manage your state. In this article, I’ll cover probably the simplest and smallest of all: Zustand.