Formações Front-end React: da teoria à prática em arquitetura e design de aplicações

Formação React: da teoria à prática em arquitetura e design de aplicações

Desenvolva aplicações React robustas e escaláveis com práticas de arquitetura e design de software

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

35h

Para conclusão

Cursos

Podcast

Artigos

Formação React: da teoria à prática em arquitetura e design de aplicações

Boas vindas! Aqui nessa formação nós vamos explorar a fundo princípios e boas práticas que transformam a arquitetura de uma aplicação React, indo muito além do código e abordando soluções robustas e escaláveis.

O que você vai aprender:

Aplicar princípios SOLID em componentes React
Implementar soluções baseada em Arquitetura Limpa
Conectar projetos React ao Supabase
Desenvolver um Backend for Frontend para resolver problemas de excesso de roundtrips
Criar um chat utilizando a arquitetura Event Driven Design

Ao longo do conteúdo, você vai descobrir a diferença entre aplicar princípios de design e arquitetar uma aplicação, entender o papel das boas práticas na construção de interfaces complexas, e aprofundar-se em padrões que vão te ajudar a criar aplicações que não só funcionam, mas também evoluem de forma saudável.

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

Patrícia Silva
Sou Engenheira de Software, atualmente atuando como Fullstack Engineer e baseada em Portugal. Sou uma profissional entusiasmada que ama tecnologia. Trabalho como desenvolvedora web há mais de 15 anos. Ajudo desenvolvedores a melhorar suas habilidades e estou aberta a trocas de conhecimento com qualquer pessoa. Sou mãe de plantas e de dois meninos lindos. Adoro viajar, conhecer novas pessoas e estar em contato com a natureza. O foco e o cuidado com a experiência do usuário são o segredo do sucesso.
Patrícia Silva
Sou Engenheira de Software, atualmente atuando como Fullstack Engineer e baseada em Portugal. Sou uma profissional entusiasmada que ama tecnologia. Trabalho como desenvolvedora web há mais de 15 anos. Ajudo desenvolvedores a melhorar suas habilidades e estou aberta a trocas de conhecimento com qualquer pessoa. Sou mãe de plantas e de dois meninos lindos. Adoro viajar, conhecer novas pessoas e estar em contato com a natureza. O foco e o cuidado com a experiência do usuário são o segredo do sucesso.
Vinicios Neves
Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.
Vinicios Neves
Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.
Luiz Fernando Ribeiro
Luiz Fernando Ribeiro

Passo a passo

1 Fundamentos de SOLID
O primeiro passo é fundamental para começarmos a entender a base da construção de aplicações escaláveis. Vamos mergulhar no SOLID, aplicando esses princípios em um curso prático focado no React. Além disso, um artigo dedicado à diferença entre design de aplicação e arquitetura de software vai te ajudar a distinguir as responsabilidades e o impacto de cada uma dessas abordagens no desenvolvimento de um sistema. Esse começo traz uma fundação sólida para que possamos entender melhor o que compõe uma aplicação robusta e de fácil manutenção.
- Curso SOLID aplicado ao React: melhorando a modularidade e flexibilidade do código
  10h
- Site Arquitetura de software vs design de aplicação: entenda as diferenças | Alura
- Artigo Solid: descubra o que é como aplicar esses princípios da Programação Orientada a Objetos | Alura
2 Avançando com arquitetura limpa e BFF
Agora que temos uma base sólida, é hora de expandir nosso conhecimento com um segundo passo cheio de insights sobre arquitetura no ecossistema frontend. Começamos com um podcast que discute a importância da arquitetura para aplicações modernas, seguido de um curso completo sobre arquitetura limpa no React. Além disso, vamos explorar o conceito de Backend for Frontend (BFF) para otimizar a comunicação entre o frontend e o backend de um app React. E fechando, um artigo sobre o papel dos hooks na arquitetura dos apps React. Esse conjunto traz uma compreensão prática e teórica do que diferencia um código apenas funcional de uma aplicação bem arquitetada.
- Podcast Arquitetura no ecossistema de Front-End – Hipsters Ponto Tech #441
- Curso React: integração com Supabase e conceitos de arquitetura limpa na prática
  08h
- Curso React e Nest: implementando um Backend for Front-end
  06h
- Artigo O papel dos React hooks na arquitetura de software no front-end | Alura
3 Design de componentes Escaláveis e Event-Driven
React. Com isso, você vai aprender a projetar componentes que respondem a eventos, uma prática essencial para lidar com sistemas dinâmicos e altamente interativos. E para completar, um artigo focado em estratégias para componentes escaláveis em React, abordando como arquitetar componentes que se adaptam e crescem sem comprometer a performance ou a manutenção.
- Curso React: implementando arquitetura event-driven com Socket.io
  08h
- Artigo React: estratégias para componentes escaláveis | Alura