Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vagnercardosoweb/performance-react-project

Como podemos ter mais performance no desenvolvimento em react.
https://github.com/vagnercardosoweb/performance-react-project

Last synced: about 2 months ago
JSON representation

Como podemos ter mais performance no desenvolvimento em react.

Awesome Lists containing this project

README

        

# Performance React

Còdigo produzido para apresentação da talk de performance.

- [Acessar slider](https://performance-react-slider.netlify.app/)
- [Projeto do slider](https://github.com/vagnercardosoweb/performance-react-slider/)

# O que veremos?

- Imutabilidade para performance
- Utilização do React DevToools
- Aplicação dos hooks para performar componentes (useMemo, useCallback)
- Memorização de componentes com React.memo
- Virtualização de grandes listas de dados
- Code Splitting no React para Web

# Tecnologias utilizada

- [TypeScript](https://www.typescriptlang.org/)
- [React JS](https://pt-br.reactjs.org/)
- [MDX Deck](https://github.com/jxnblk/mdx-deck)

`MDX Deck` foi utilizado para gerar o slider da apresentação, ferramente fantastica.