Essa formação é antiga e não faz mais parte da grade oficial, confira as mudanças.

React JS

Crie aplicações web modernas com React!

0/0 passos finalizados
Esta formação faz parte da escola Front-end
91h

Para conclusão

8

Cursos

4

Vídeos extras

4

Podcasts

2

Artigos

Formação React

Ola dev essa formação foi atualizada, acompanha a nova formação React com TypeScript

O React é uma biblioteca da linguagem JavaScript e uma das formas mais modernas para a criação de aplicações web. Ela trabalha de forma declarativa, eficiente e flexível, possibilitando a criação de interações complexas.

Antes de mergulhar no mundo React, é importante ter uma base sólida em HTML, CSS e JavaScript. Conhecer Git e versionamento de código também será muito valioso para aproveitar essa imersão.

Com quem você irá aprender

Passo a passo

  1. 1

    Programar com JavaScript Orientado a Objetos

    Em aplicações que estão em desenvolvimento há mais tempo, é possível que você encontre projetos React baseados em classes, por isso é muito importante você saber o paradigma da Orientação a Objetos.

    Esse paradigma nos ajuda a organizar nosso código, facilitando a manutenção e legibilidade dele, o que é muito importante dentro de um time, independente do tamanho do projeto.

  2. 2

    Criar aplicações confiáveis com Webpack

    O que acontece se a pessoa que acessar o seu site estiver com o navegador desatualizado? Como organizar nossos arquivos para que o site tenha um ponto de entrada fixo? Como descartar código que não está sendo usado?

    Criar um site cheio de interações complexas e animações com as features mais atuais do JavaScript, trás também suas dificuldades.Precisamos empacotar nossa aplicação de forma confiável antes de publicá-la, e para isso, utilizamos o Webpack.

    Para nos aprofundar ainda mais, também veremos como usar algumas APIs do navegador, como a Fetch API que possibilita a comunicação com os servidores do back-end para buscarmos informações.

  3. 3

    Lidar com class components

    Agora vamos entender como a biblioteca controla seus componentes e como faremos para não termos problemas de performance ou trabalho desnecessário. Aprender a usar as ferramentas complementares vai tornar tudo mais simples.

    Com uma base sólida de conhecimento, podemos começar nossa imersão no mundo do React. Nesse primeiro momento, iremos seguir com uma abordagem tradicional, criando componentes baseados em classes e aprendendo os principais conceitos da biblioteca.

  4. 4

    Utilizar uma abordagem moderna

    Vimos como usar a Orientação a Objetos dentro do contexto do React e como e os principais conceitos dessa ferramenta. Mas se quisermos começar um projeto novo hoje, utilizando tudo que a biblioteca tem, será que essa é a única possibilidade?

    Nas últimas versões, a recomendação da documentação é para usarmos os function components, uma forma mais simples de se trabalhar e que facilita o compartilhamento de código. Junto com esses novos tipos de componente veremos os hooks e o que é a context API.

    E como funciona o ecossistema React? Que outras ferramentas podemos usar junto com ele?

    Começaremos a explorar esse ecossistema com o MaterialUI, uma ferramenta que nos ajuda muito na prototipação de ideias e que acelera a criação do layout com o React.