React

React is a JavaScript library for building interactive user interfaces. Key features include a declarative approach to views, a virtual DOM, and the ability to selectively re-render components.

React subscription active
You will receive email notifications for new publications on React.
39 Results
  • Tutorial

    How To Set Up a React Project with Create React App

    Starting a new JavaScript project with React used to be a complicated process. But now, Create React App includes all the JavaScript packages you need to run a React project, including code transpiling, basic linting,...
    By Joe Morgan React Development JavaScript
  • Tutorial

    How To Set Up a Ruby on Rails Project with a React Frontend

    In this tutorial, you will create a Ruby on Rails application that stores your favorite recipes in a PostgreSQL database then displays them with a React frontend. When you are finished, you will be able to create, vie...
    By Chuks Opia Ruby Ruby on Rails React Development Applications PostgreSQL Programming Project
  • Tutorial

    How To Build Custom Pagination with React

    A method for handling large datasets on the view is by using the infinite scrolling technique - where more data is loaded in chunks as the user continues scrolling very close to the end of the page. This is the techni...
    By Glad Chinda Applications JavaScript React
  • Tutorial

    How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04

    In this tutorial, you will build a modern web application with a separate REST API backend and frontend using React, Django, and Django REST Framework. By using React with Django, you'll be able to benefit from the la...
    By Ahmed Bouchefra Django Applications React Ubuntu 18.04
  • Tutorial

    How To Implement Smooth Scrolling in React

    What is smooth scrolling? Instead of clicking on a button and being instantly taken to a different part of the (same) page, the user is navigated there via a scroll animation. It's one of those subtle features on a s...
    By James Quick React JavaScript
  • Tutorial

    How To Use Font Awesome 5 with React

    Font Awesome is a toolkit for websites providing icons and social logos. React is a coding library using JavaScript for creating user interfaces. While the Font Awesome team have made a React component to promote inte...
    By JavaScript React
  • Tutorial

    How to Integrate the Google Maps API into React Applications

    This tutorial aims at integrating the google maps API to your React components and enabling you to display maps on your website.
    By Rachael Njeri JavaScript React
  • Tutorial

    How To Build a Custom Toggle Switch with React

    In this tutorial, we will see how to build a custom toggle switch component with React. At the end of the tutorial, we will have built a demo React app that uses our custom toggle switch component.
    By Glad Chinda React JavaScript
  • Tutorial

    How To Build a React To-Do App with React Hooks

    React is a front-end JavaScript library that can be used to create interactive user interfaces for your application. In this tutorial, you will create a to-do app that covers all four aspects of a CRUD: Create, Read, ...
    By Kapehe Jorgenson JavaScript React
  • Tutorial

    How To Create Multistep Forms With React and Semantic UI

    React makes it simple to create complex forms for acquiring user data by breaking down the sections into individual React components that collect certain inputs. You can then choose which components are rendered at ea...
    By Austin Roy React JavaScript
  • Tutorial

    Five Ways to Convert React Class Components to Functional Components with React Hooks

    The latest alpha release of React introduced a new concept called Hooks. In this tutorial, we'll look at five ways to convert React Class Components to Functional Components using React Hooks.
    By Peter Ekene React JavaScript
  • Tutorial

    How To Embed a React Application in WordPress on Ubuntu 18.04

    This tutorial will walk you through best practices for embedding a React application in a WordPress site. You will create a widget intended to be embedded on multiple pages and sometimes multiple times on a page. On t...
    By Rafe Colton WordPress React Applications Development JavaScript PHP LAMP Stack Ubuntu 18.04 Programming Project
  • Tutorial

    How To Build a Customer List Management App with React and TypeScript

    TypeScript has brought a lot of improvement into how JavaScript developers structure and write code for apps, especially web applications. React is an open-source JavaScript library, which developers use to create hig...
    By Oluyemi Olususi React Development Applications
  • Tutorial

    How To Get Started with the MERN Stack

    The MERN stack consists of MongoDB, Express, React / Redux, and Node.js. The MERN stack is one of the most popular JavaScript stacks for building modern single-page web applications.
    By Ojini Chizoba Jude MongoDB JavaScript React Node.js
  • Tutorial

    How To Display Data from the DigitalOcean API with React

    React and other open-source web frameworks have added to the popularity of JavaScript by making the language more accessible to new developers and increasing the productivity of seasoned developers. In this tutorial, ...
    By Roy Derks React Applications Development API Programming Project
  • Tutorial

    How To Set Up Conditional and Responsive Routing with React Router v4

    Responsive routing in React involves serving different routes to users based on the viewport of their device. In this tutorial, we will show you how to implement routing and serving responsive routes in your React app...
    By Chris Nwamba JavaScript React
  • Tutorial

    Managing Form State in React With Redux Form

    In this tutorial, you'll use redux-form (https://github.com/erikras/redux-form/) to build a form with validation and connect it to the Redux store.
    By Yomi Eluwande JavaScript React
  • Tutorial

    How To Write Snapshot Tests For React Components With Jest

    In this tutorial, we will be looking at what snapshot tests are and how we can use snapshot testing to ensure our user interface does not change without the team knowing about it. We'll use Jest, a snapshot testing to...
    By John Kariuki Development JavaScript React
  • Tutorial

    How To Validate a Login Form With React and Formik

    In order to ensure that the form element of your web application is returning valid data, it is helpful to build automated validation into your code. This is true in React as well; creating form validation early on ca...
    By James Quick Development React
  • Tutorial

    How To Build a UI Component with React and Storybook

    In this tutorial we will create a React UI component library with Storybook, customize its theme, and deploy the React project as a static site.
    By Egwuenu Gift JavaScript React