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/9 Cursos finalizados
Esta formação faz parte da escola Front-end
99h

Para conclusão

9

Cursos

7

Vídeos extras

4

Podcasts

3

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

    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.

  3. 3

    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.

  4. 4

    Conhecer o Ecossistema

    Já vimos a base de como o React funciona e entendemos a fundo onde a biblioteca do Facebook atua na criação de sites. Vamos aprender agora sobre ferramentas auxiliares, que facilitam muito nossa vida na hora de criar sites complexos, executar testes automatizados e extrais nosso CSS de forma que não tenhamos conflito entre componentes.