How To Build JS Components with Storybook
Learn about Storybook and why and how you can use it to develop user interface components.
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 integration, there are some fundamentals to understand about Font Awesome 5 and how it’s structured. In this tutorial you’ll learn the ways to use the React Font Awesome component.
How To Handle Routing in React Apps with React Router
In React, routers help create and navigate between the different URLs that make up your web application. React Router is designed with intuitive components to let you build a declarative routing system for your application. In this tutorial, you’ll install and configure React Router, build a set of routes, and connect to them using the component. You’ll also use React Hooks to access data and other routing information and create nested routes.
Como construir uma paginação personalizada com o React
Um método para lidar com grandes conjuntos de dados no modo de exibição é utilizando a técnica de rolagem infinita — onde mais dados vão sendo carregados à medida que o usuário continua rolando a página próximo ao fim dela. Essa é a técnica usada na exibição de resultados no Google Imagens. Neste tutorial, veremos como construir um componente de paginação personalizada com o React para paginar grandes conjuntos de dados. Construiremos uma visualização paginada sobre os países no mundo.
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 tool, to write tests for React components.
Beautiful Charts and Graphs with React and Victory
In this article you will learn how create beautiful charts and graphs in React using the Victory components.
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.
Cómo implementar el desplazamiento suave en React
¿Qué es el desplazamiento suave? En vez de hacer clic en un botón y ser llevado de forma instantánea a una parte diferente de la misma página, el usuario navega allí a través de una animación de desplazamiento. Es una de esas sutiles funciones en un sitio web que marcan una diferencia estética.
Write React Faster with the Simple React Snippets VSCode Extension
Snippets are a way to save time on development. Read this tutorial for a quick summary of using Simple React Snippets.
Building a React PDF Invoice Generator App with Refine and Deploying it to the cloud provider’s App Platform
Learn to build and deploy a React-based invoice generator with Refine Framework and deploy it on the an app platform.
