https://github.com/daraperini/learning-react-typescript-performance-aluroni

This project's main focus was in code perfomance so all code was thought to be as optimized as possible
https://github.com/daraperini/learning-react-typescript-performance-aluroni

javascript perfomance-analysis performance react

Last synced: about 2 months ago
JSON representation

This project's main focus was in code perfomance so all code was thought to be as optimized as possible

• Host: GitHub
• URL: https://github.com/daraperini/learning-react-typescript-performance-aluroni
• Owner: daraperini
• Created: 2024-02-27T19:17:54.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-28T18:50:54.000Z (10 months ago)
• Last Synced: 2024-02-28T20:41:49.186Z (10 months ago)
• Topics: javascript, perfomance-analysis, performance, react
• Language: TypeScript
• Homepage: https://learning-react-typescript-performance-aluroni.vercel.app
• Size: 2.97 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Aluroni - Coding to emprove performance

Hello! This Aluroni's version wqs developed during Alura's class *React: optimizing performance*. In this course I refactored the initial code focusing on the emprovement of the performance while analizing React's renderings during the development process. Using React.memo, useMemo, dynamic imports with React.lazy while analyzing renderings and their times through React Developer Tools I emproved the website's performance.

To see the result, click [here](https://learning-react-typescript-performance-aluroni.vercel.app/).

## Used tools:

* TypeScript

* React

*(Alura is a Brazilian technology school and for acessibility reasons this code is in Portuguese)*

#

# Aluroni - Codando para melhorar a performance

Olá! Essa versão do Aluroni foi desenvolvida durante o curso *React: otimizando a performance*, da Alura. Nesse curso refatorei o código inicial focando na melhora da performance, analizando as renderizações do React durante o desenvolvimento. Utilizando React.memo, useMemo, dynamic imports com React.lazy enquanto utilizava a extensão React Developer Tools para acompanhar as renderizações e seu tempo, melhorei a performance do site.

Para acessar o resultado final da página, clique [aqui](https://learning-react-typescript-performance-aluroni.vercel.app/).

## Ferramentas utilizadas:

* TypeScript

* React