ReactJS

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

ReactJS

ReactJS com Javascript

Parte 1

Introdução a Jornada ReactJS

Conheça ou um pouco sobre este framework, e aprenda a dar o pontapé inicial com ele.

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.

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.

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.

Parte 5

Usando Frameworks Web no ReactJS

Nesta lição você vai aprender a utilizar os frameworks Bootstratp, TailwindCSS e FontAwesome nos seus projetos.

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.

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.

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.

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.

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.

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.

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).

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.

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.

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.

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.

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.

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).

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.

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.

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!

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.

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!

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.

Parte 25

Criando Custom Hooks com reactJS

Nesta lição você irá aprender a criar seu próprio hook personalizado (useFetch) com o 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.

Parte 27

Internacionalizando a sua Aplicação

Nesta lição, você vai aprender a internacionalizar a sua aplicação usando o i18n, para os idiomas português e inglês.

Parte 28

Final da Jornada

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

ReactJS com Redux

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.

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.

Parte 3

Criando Reducers e consumindo dentro de componentes

Nesta lição vamos criar nossos primeiros reducers e aprender como consumir dentro de componentes.

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.

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.

Parte 6

Final da Jornada

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

ReactJS com Typescript

Parte 1

Introdução ao React com Typescript

Nesta lição, nós iremos aprender a fazer o uso do Typescript dentro de um projeto feito com React.

Parte 2

Componentes com Typescript

Nesta lição, você vai aprender a criar e gerenciar os seus componentes em ReactTS.

Parte 3

Usando os Hooks no Typescript

Nesta lição, você aprenderá a usar os hooks (useState, useEffect, useCallback, useRef, useMemo e useContext) no ReactTS.

Parte 4

Tipos Especiais com Typescript

Nesta lição, vamos aprender a usar os tipos especiais Enum e Type em conjunto com o ReactTS.

Parte 5

Usando Bibliotecas de Terceiros

Nesta lição, vamos ver o funcionamento das bibliotecas Axios, TanStackQuery e React Router DOM com Typescript.

Parte 6

Final da Jornada

Gostaria de te agradecer imensamente por ter chegado até aqui! Abra a lição para seguir os links.

Editores

Foto do William Lima
William Lima
Fundador da Micilini

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

Torne-se um MIC 🤖

Mais de 100 mic's já estão conectados na plataforma.