React

How To Set Up React Using Webpack 4 and Babel 7 — step-by-step Javascript tutorial on Progressive Robot

How To Set Up React Using Webpack 4 and Babel 7

A common way to learn React is to use create-react-app, which is a lightweight way to bootstrap any React project. But in order to achieve a particular purpose, it is sometimes necessary to configure your application from scratch. In this tutorial, we will be setting up React using Webpack and Babel.

Read more
How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback — step-by-step Javascript tutorial on Progressive Robot

How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback

In React applications, performance problems often originate from component re-rendering. Because of this, learning how to prevent unneeded re-renders can help to optimize the performance of your React app. In this tutorial, you’ll look at how different actions can trigger re-renders and how you can use Hooks and memoization to minimize expensive data calculations. By the end of this tutorial, you’ll be familiar with many performance enhancing Hooks, such as the useMemo and useCallback Hook.

Read more
Como construir uma paginação personalizada com o React — step-by-step Javascript tutorial on Progressive Robot

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.

Read more
CHAT