Making React Apps More Accessible
Learn some simple ways to make your React app more accessible. These tips will focus on common issues for React apps but can be applied to any framework.
How To Create Custom Components in React
Custom components are independent pieces of functionality that you can reuse in your code, and are the building blocks of all applications built on the React framework. Often, they can be simple JavaScript functions and classes, but you use them as if they were customized HTML elements. Buttons, menus, and any other front-end page content can all be created as components. In this tutorial, you’ll build your own custom component, and use this distinction to organize your project’s file structure.
Build a To-Do App with Django and React
Learn how to build a full-stack to-do app using Django and React. Follow the setup for backend APIs, React UI, and data persistence.
How To Render CSS on React App Servers
In this article, we will go over the challenges of rendering CSS on the server and then demonstrate how we can overcome these challenges using styled-components and styled-jsx on a Next.js project.
Using Storybook with React & Redux
Learn how to bring all the benefits of Storybook to a Redux codebase without it getting in the way.
Rapid Prototyping Made Easy with React PowerPlug
In this article you will learn how to rapid prototype stateful components with the help of React PowerPlug.
Getting Started with Webpack + React
A short guide on using Webpack to bundle dependencies with code and deploy a React application.
How To Call Web APIs with the useEffect Hook in React
In this tutorial, you’ll use the useEffect and useState React Hooks to fetch and display information in a sample application, using JSON server as a local API for testing purposes. You’ll load information when a component first mounts and save customer inputs with an API. You’ll also refresh data when a user makes a change and learn how to ignore API requests when a component unmounts.
How To Build a Custom Toggle Switch with React
In this tutorial, you will build a custom toggle switch component with React. At the end of the tutorial, you will have built a demo React app that uses our custom toggle switch component.
Comment mettre en œuvre le défilement fluide dans React
Qu’est-ce que le défilement fluide ? Au lieu de cliquer sur un bouton et d’être instantanément amené à une autre partie de la (même) page, l’utilisateur y est guidé par une animation de défilement. C’est l’une de ces caractéristiques subtiles sur un site qui fait une différence esthétique.
