![Parte 1: Introdução a Jornada ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/introducao-a-jornada-reactjs.png)
Parte 1
Introdução a Jornada ReactJS
Conheça ou um pouco sobre este framework, e aprenda a dar o pontapé inicial com ele.
Iniciar Jornada![Parte 2: Estrutura de um projeto em ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/estrutura-de-um-projeto-em-reactjs.png)
Parte 2
Estrutura de um projeto em ReactJS
Nesta lição você vai aprender um pouco mais sobre a estrutura de pastas de um projeto em ReactJS.
Iniciar Jornada![Parte 3: Como fazer deploy de um projeto ReactJS?](https://micilini.com/assets/img/conteudos/reactjs/contents/como-fazer-deploy-de-um-projeto-reactjs.png)
Parte 3
Como fazer deploy de um projeto ReactJS?
Nesta lição você vai aprender a fazer o uso do comando npm run build para fazer deploy do seu projeto.
Iniciar Jornada![Parte 4: Trabalhando e conhecendo Componentes](https://micilini.com/assets/img/conteudos/reactjs/contents/trabalhando-e-conhecendo-componentes.png)
Parte 4
Trabalhando e conhecendo Componentes
Nesta lição você vai aprender a criar seu primeiro componente além de organizá-los em pastas seguindo um padrão de design.
Iniciar Jornada![Parte 5: Usando Frameworks Web no ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/usando-frameworks-web-no-reactjs.png)
Parte 5
Usando Frameworks Web no ReactJS
Nesta lição você vai aprender a utilizar os frameworks Bootstratp, TailwindCSS e FontAwesome nos seus projetos.
Iniciar Jornada![Parte 6: Uso de variáveis e funções dentro de componentes](https://micilini.com/assets/img/conteudos/reactjs/contents/uso-de-variaveis-e-funcoes-dentro-de-componentes.png)
Parte 6
Uso de variáveis e funções dentro de componentes
Nesta lição você vai aprender a declarar e usar variáveis e funções dentro dos seus componentes.
Iniciar Jornada![Parte 7: Componentes Funcionais e Componentes de Classe](https://micilini.com/assets/img/conteudos/reactjs/contents/componentes-funcionais-e-componentes-de-classe.png)
Parte 7
Componentes Funcionais e Componentes de Classe
Nesta lição você vai aprender a criar componentes funcionais e de classe, e passar parâmetros para dentro deles usando o props.
Iniciar Jornada![Parte 8: Renderização Condicional](https://micilini.com/assets/img/conteudos/reactjs/contents/renderizacao-condicional.png)
Parte 8
Renderização Condicional
Nesta lição você vai aprender a criar renderizações condicionais, usar listas, aprender sobre o atributo key e criar 5 projetos.
Iniciar Jornada![Parte 9: Componentes de Estado (useState)](https://micilini.com/assets/img/conteudos/reactjs/contents/componentes-de-estado-usestate.png)
Parte 9
Componentes de Estado (useState)
Nesta lição você vai aprender o que são componentes de estado e como fazer o uso da função useState.
Iniciar Jornada![Parte 10: Componentes de Estado (useEffect)](https://micilini.com/assets/img/conteudos/reactjs/contents/componentes-de-estado-useeffect.png)
Parte 10
Componentes de Estado (useEffect)
Nesta lição veremos os diferentes uso do useEffect, responsável por controlar o ciclo de vida da nossa aplicação.
Iniciar Jornada![Parte 11: Melhorando a performance das nossas aplicações em ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/melhorando-a-performance-das-nossas-aplicacoes-em-reactjs.png)
Parte 11
Melhorando a performance das nossas aplicações em ReactJS
Nesta lição vamos melhorar a performance das nossas aplicações usando useMemo, React.memo, useCallback e useRef.
Iniciar Jornada![Parte 12: Criando contextos com o hook useContext](https://micilini.com/assets/img/conteudos/reactjs/contents/criando-contextos-com-o-hook-usecontext.png)
Parte 12
Criando contextos com o hook useContext
Nesta lição você vai aprender sobre o uso da propriedade { children } e também do uso do useContext (Context API).
Iniciar Jornada![Parte 13: Organizando a lógica de componentes em ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/organizando-a-logica-de-componentes-em-reactjs.png)
Parte 13
Organizando a lógica de componentes em ReactJS
Nesta lição você vai aprender a organizar todos os comandos que você insere dentro de um arquivo de componente.
Iniciar Jornada![Parte 14: Manipulando Formulários](https://micilini.com/assets/img/conteudos/reactjs/contents/manipulando-formularios-reactjs.png)
Parte 14
Manipulando Formulários
Nesta lição vamos aprender a manipular formulários com componentes de classe, estado, React Hook Form e Scheme Validations.
Iniciar Jornada![Parte 15: Trabalhando com Service](https://micilini.com/assets/img/conteudos/reactjs/contents/trabalhando-com-services.png)
Parte 15
Trabalhando com Service
Nesta lição nós iremos aprender um pouco mais sobre como abstrair parte da logica dos seus componentes para dentro de um service.
Iniciar Jornada![Parte 16: Mitigando Estados com ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/mitigando-estados-com-reactjs.png)
Parte 16
Mitigando Estados com ReactJS
Nesta lição vamos mergulhar a fundo sobre o processo de funcionamento de estados e ciclos de vida de uma aplicação.
Iniciar Jornada![Parte 17: Requisições Http com ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/requisicoes-http-com-reactjs.png)
Parte 17
Requisições Http com ReactJS
Nesta lição você vai aprender a fazer requisições HTTP usando XMLHttpRequest, Fetch API, Axios e um módulo próprio.
Iniciar Jornada![Parte 18: Consumindo APIs com o TanStack Query (React Query)](https://micilini.com/assets/img/conteudos/reactjs/contents/consumindo-apis-com-o-tanstackquery.png)
Parte 18
Consumindo APIs com o TanStack Query (React Query)
Nesta lição vamos aprender a consumir APIs com a biblioteca TanStackQuery (Antiga React Query).
Iniciar Jornada![Parte 19: Variáveis de Ambiente no ReactJS (.env)](https://micilini.com/assets/img/conteudos/reactjs/contents/variaveis-de-ambiente-no-reactjs.png)
Parte 19
Variáveis de Ambiente no ReactJS (.env)
Nesta lição você vai aprender a criar as variáveis de ambiente, famosos arquivos .env na pasta raiz do projeto.
Iniciar Jornada![Parte 20: Trabalhando com Rotas](https://micilini.com/assets/img/conteudos/reactjs/contents/trabalhando-com-rotas.png)
Parte 20
Trabalhando com Rotas
Vamos dar a vida em nossas aplicações aprendendo a abrir páginas de acordo com às URLs, usando o React Router DOM.
Iniciar Jornada![Parte 21: Rotas Privadas em ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/rotas-privadas-em-reactjs.png)
Parte 21
Rotas Privadas em ReactJS
Nesta lição você vai aprender a criar rotas privadas no ReactJS, ou seja, a base de um sistema de login!
Iniciar Jornada![Parte 22: Utilizando o <Suspense> no ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/utilizando-o-suspense-no-reactjs.png)
Parte 22
Utilizando o <Suspense> no ReactJS
Nesta lição você vai aprender a utilizar o componente <Suspense> em conjunto com o lazy() no ReactJS.
Iniciar Jornada![Parte 23: Pattern de Composição no ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/pattern-de-composicao-no-reactjs.png)
Parte 23
Pattern de Composição no ReactJS
Nesta lição vamos aprender a aplicar um padrão de design (Pattern Composition) em nossas aplicações com ReactJS!
Iniciar Jornada![Parte 24: Pattern MVVM no ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/pattern-mvvm-no-reactjs.png)
Parte 24
Pattern MVVM no ReactJS
Nesta lição nós iremos aprender a fazer o uso do pattern MVVM em nossas aplicações em ReactJS.
Iniciar Jornada![Parte 25: Criando Custom Hooks com reactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/criando-custom-hooks-com-reactjs.png)
Parte 25
Criando Custom Hooks com reactJS
Nesta lição você irá aprender a criar seu próprio hook personalizado (useFetch) com o ReactJS.
Iniciar Jornada![Parte 26: Testes Unitários com Jest e RTS no ReactJS](https://micilini.com/assets/img/conteudos/reactjs/contents/testes-unitarios-com-jest-e-rts-no-reactjs.png)
Parte 26
Testes Unitários com Jest e RTS no ReactJS
Nesta lição vamos aprender a como executar testes unitários usando o JEST e o React Testing Library.
Iniciar Jornada![Parte 27: Final da Jornada](https://micilini.com/assets/img/conteudos/reactjs/contents/final-da-jornada.png)
Parte 27
Final da Jornada
Nesta lição é só agredecimentos e algumas dicas de onde você pode ir, muito obrigado =)
Iniciar Jornada![Parte 1: Introdução ao Redux (com ReactJS)](https://micilini.com/assets/img/conteudos/reactjs/contents/introducao-ao-redux-com-reactjs.png)
Parte 1
Introdução ao Redux (com ReactJS)
Nesta lição aprenderemos um pouco mais sobre a biblioteca do Redux e suas características principais.
Iniciar Jornada![Parte 2: Instalando e Configurando o Redux](https://micilini.com/assets/img/conteudos/reactjs/contents/instalando-e-configurando-o-redux.png)
Parte 2
Instalando e Configurando o Redux
Nesta lição nós iremos aprender a instalar a biblioteca e fazer as devidas configurações inciais.
Iniciar Jornada![Parte 3: Criando Reducers e consumindo dentro de componentes](https://micilini.com/assets/img/conteudos/reactjs/contents/criando-reducers-e-consumindo-dentro-de-componentes.png)
Parte 3
Criando Reducers e consumindo dentro de componentes
Nesta lição vamos criar nossos primeiros reducers e aprender como consumir dentro de componentes.
Iniciar Jornada![Parte 4: Criando Actions dentro dos Reducers](https://micilini.com/assets/img/conteudos/reactjs/contents/criando-actions-dentro-dos-reducers.png)
Parte 4
Criando Actions dentro dos Reducers
Nesta lição vamos aprender a criar as nossas actions que serão declaradas dentro dos nossos reducers.
Iniciar Jornada![Parte 5: Usando o Redux Saga](https://micilini.com/assets/img/conteudos/reactjs/contents/usando-o-redux-saga.png)
Parte 5
Usando o Redux Saga
Nesta lição, nós vamos aprender a utilizar o Redux Saga para fazer requisições assíncronas de forma global.
Iniciar Jornada![Parte 6: Final da Jornada](https://micilini.com/assets/img/conteudos/reactjs/contents/final-da-jornada-redux.png)
Parte 6
Final da Jornada
Nesta lição é só agredecimentos e algumas dicas de onde você pode ir, muito obrigado =)
Iniciar Jornada