Trilha React : Aprenda do básico ao avançado
Olá, jovem Padawan!
Se você chegou até aqui, imagino que tenha passado por um árduo treinamento em HTML , CSS e JavaScript/Typescript, pois essas são as bases para você poder mergulhar mais fundo em um dos frameworks populares do mundo dev, como React js, Vue.js ou Angular.
Nesta trilha de estudos você irá aprender sobre o React js, o "framework" mais popular entre os desenvolvedores Frontend. É recomendado que você não tenha pulado a formação em TypeScript, pois a maioria dos cursos desta trilha são com TypeScript. Mas não se preocupe, o primeiro curso da trilha de estudos é com JavaScript, e você poderá aprender desde o básico deste framework sem se sentir prejudicado, e será atualizado sempre que um novo curso de React com JavaScript sair na plataforma! Então relaxa e vamos ver o que vamos aprender.
Este é um plano de estudos para aquelas pessoas que desejam iniciar em um framework e escolheram o React como opção. Aqui o aluno mergulhará em conceitos fundamentais e terá uma ideia do ecossistema React como:
- Create React App
- Function Components x Class Components
- Ciclo de vida
- Props x State
- Hooks
- Renderização condicional
- Styled Components
- React Router
- Context API
- Gerenciamento de estado com redux e recoil
- Consumir API's no React
- Testes automatizados
- Migrar do JavaScript para o TypesCript
E muito mais!
Não se preocupe se algo parecer desatualizado, o mais importante é você conhecer as bases do conhecimento que está sendo transmitido ali. No início é muito importante que você saiba que não precisa saber de tudo, mas saber o que não sabe é tão importante quanto saber as coisas.
Então já pega seu café e vamos mergulhar nessa jornada de aprendizado!
Planos de estudo são sequências de cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga planos que te interessem ou crie o seu próprio.
Passo a passo
-
1
Conteúdo do plano
-
Video React: O minimo de base que você precisa saber para não sofrer começando com a ferramenta #ReactJS - YouTube
-
Artigo React: conheça as novidades da versão 18 do React
-
Curso React: desenvolvendo com JavaScript
-
Artigo NPM vs Yarn
-
Curso React: como os componentes funcionam
-
Alura+ Ciclo de vida de um componente React
-
Curso React: estilize componentes com Styled Components e manipule arquivos estáticos
-
Artigo React Hooks: o que é e como eles funcionam
-
Alura+ Hooks do React: useState
-
Curso React: desenvolvendo em React Router com JavaScript
-
Artigo React: componentes com Styled Components
-
Curso React com TailwindCSS: estilizando componentes
-
Artigo Prop Drilling: o que é?
-
Alura+ Conhecendo o Context API do React
-
Curso React: gerenciamento de estados globais com ContextAPI
-
Alura+ Hooks do React: useRef
-
Curso React: praticando React com Js
-
Alura+ Hooks do React: useCallback
-
Curso React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
-
Curso React: migrando para TypeScript
-
Alura+ Hooks do React: useMemo
-
Curso React: escrevendo com Typescript
-
Alura+ Melhore a performance das suas listas em React
-
Curso React: conhecendo a biblioteca React Router
-
Alura+ Virtual DOM e React devTools
-
Curso React: otimizando a performance
-
Artigo REST: Conceito e fundamentos
-
Alura+ O que é REST?
-
Curso HTTP: entendendo a web por baixo dos panos
-
Artigo Qual é a diferença entre HTTP e HTTPS?
-
Curso React: integrando seu projeto React com APIs
-
Curso React: gerenciando estado com Recoil
-
Curso React: gerenciamento de estados globais com Redux
-
Curso React: Mutabilidade x Imutabilidade no Redux Toolkit com Immer
-
Curso React: entendendo Middlewares com Redux Thunk
-
Curso React: testando os seus componentes
-
Alura+ Como preparar uma aplicação React para o Deploy
-
Video NextJs é o melhor framework com Mario Souto | #HipstersPontoTube - YouTube
-
Video Primeiros passos Next.js | #AluraMais - YouTube
-