ReactJS

ReactJS

Aprenda a criar aplicações front-end por meio desse incrível framework popular criado pelo Facebook (Meta).

Parte 1: Introdução a Jornada ReactJS
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
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?
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
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
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
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
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
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)
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)
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
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
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
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
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
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
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
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)
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)
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
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
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
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
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
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
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
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
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)
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
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
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
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
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
Parte 6
Final da Jornada

Nesta lição é só agredecimentos e algumas dicas de onde você pode ir, muito obrigado =)

Iniciar Jornada

Quem escreveu este conteúdo?

Editor

William Lima

William Lima

Fundador da Micilini

Inventor nato, escreve conteudos de programação para o portal da micilini.