https://github.com/daviteixeira-dev/about-reactjs-2022
https://github.com/daviteixeira-dev/about-reactjs-2022
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/daviteixeira-dev/about-reactjs-2022
- Owner: daviteixeira-dev
- Created: 2022-03-06T04:41:31.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-06T08:06:10.000Z (over 4 years ago)
- Last Synced: 2025-07-12T01:38:11.253Z (about 1 year ago)
- Language: TypeScript
- Size: 18.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# about-reactjs-2022
:atom_symbol: React em 2022
Iniciando um projeto
- Criando um projeto
- Componentes
- Propriedades
- Estado
- Estilização
- Roteamento
O React é chamado de biblioteca e não de framework
porque ele não traz muita opnião na estrutura de
pastas em arquivos de configuração.
Create React App
O Create React App é um BOILERPLATE que se refere
a templates de código que podem ser utilizadas para
construção de aplicações com pouca ou nenhuma alteração.
Porém, existe melhores opções para se começar uma aplicação
com React em 2022, sendo elas:
Vite
Snowpack
Por que utiliza-las?
Por que a grande maioria dos browsers já suportam os
ESmodules: ECMAScript Modules, ou seja, a gente já consegue
fazer importações de arquivos javascript de maneira nativa,
com isso grande parte das funcionalidades que o webpack
provia para a gente, que era esse controle de importações,
já não precisamos mais.
Assim o Vite e o Snowpack são muito mais perfomarticos!
React Router
A ferramenta mais famosa de roteamento do ReactJS. Ele
permite que a aplicação tenha várias páginas.
O que estudar?
CSS
- CSS in JS
-- Styled Components Link
-- Stitches Link
-- Radix-UI Link
Data Fetching
- SWR
- React Query
- GraphQL
-- uRQL
-- Apollo Client
-- Relay
State Management
- Keep it simple (Context + Reducer)
- Zustand
Testing
- Testing Library
- Cypress
Frameworks
- Next.js
- Remix