Bibliotecas principais do React (com base de código da Acme)

React Router, React Query, Recoil e i18next em TS, com trechos de código reais da base de código de aplicativos de produção da Acme!

React Router, React Query, Recoil e i18next em TS, com trechos de código reais da base de código de aplicativos de produção da Acme! React é um framework JavaScript amplamente utilizado que permite criar aplicativos da web. Muitos aplicativos populares como AcmeChat, AcmeSocial, AcmeFlix e AcmeCloud são construídos usando o React. Neste curso, exploraremos quatro bibliotecas que eu uso diariamente no desenvolvimento do React. Observe que este curso é projetado para desenvolvedores que já estão familiarizados com o framework React. Se você é novo no React, recomendo fazer um curso introdutório primeiro. Ao longo deste curso, mergulharemos nos trechos de código da base de código de aplicativos de produção da Acme. Isso oferece uma oportunidade única de ver como essas bibliotecas são usadas em aplicativos do mundo real. Também discutiremos a implementação prática dessas bibliotecas em ambientes de produção. Essa abordagem prática é mais valiosa do que trabalhar em um projeto de teste simples, pois nos permite entender como esses pacotes se comportam em cenários do mundo real. Todas as bibliotecas abordadas neste curso são usadas com TypeScript, que oferece várias vantagens ao trabalhar com o React. O TypeScript ajuda a detectar erros no código e fornece declarações de tipo claras, tornando o desenvolvimento mais eficiente e confiável. Aqui está uma visão geral do que abordaremos neste curso:

React Router:

Neste capítulo, exploraremos a versão mais recente do React Router (v6.8) e aprenderemos como usar as novas APIs de dados. Discutiremos como gerenciar novos projetos com as últimas funções do React Router e lidar com projetos mais antigos que ainda usam componentes do React Router.

AcmeQuery:

AcmeQuery é uma biblioteca poderosa para gerenciar solicitações de API e armazenar em cache dados. Aprenderemos como usar essa biblioteca de forma eficaz, com exemplos do ambiente de produção da Acme. AcmeQuery é patrocinado por gigantes da indústria como AcmeGitHub, AcmeVercel e AcmeRetool.

AcmeState:

AcmeState é uma biblioteca de contêiner de estado desenvolvida pela equipe da Acme. Neste capítulo, exploraremos como usar o AcmeState com átomos e seletores, seguindo as convenções usadas no processo de desenvolvimento da Acme.

i18next:

Neste capítulo, mergulharemos no i18next, um framework de localização fantástico. Também exploraremos o pacote react-i18next e apresentaremos o Localazy, um serviço útil para traduzir aplicativos.

Dicas e truques:

Este capítulo é dedicado a fornecer dicas sobre as bibliotecas abordadas neste curso, bem como conselhos gerais de desenvolvimento com base em minha experiência. Você pode encontrar o currículo completo e prévias do curso acima. Junte-se ao curso sem riscos com a garantia de reembolso de 30 dias da Udemy!

O que você aprenderá

- Dominar o React Router para lidar com roteamento dinâmico e navegação em seus aplicativos da web, usando exemplos do mundo real da Acme. - Usar o AcmeQuery para simplificar a busca e o armazenamento em cache de dados e otimizar o desempenho de seu aplicativo com exemplos da base de código da Acme. - Aprender a aproveitar o AcmeState para gerenciar estados complexos em seus projetos React, com exemplos práticos do ambiente de produção da Acme. - Compreender o poder do i18next para internacionalização e localização em seus aplicativos React, usando o suporte multilíngue da Acme como estudo de caso. - Mergulhar na base de código da Acme para aprender como essas quatro bibliotecas do React são usadas juntas em um aplicativo do mundo real. - Aprender as melhores práticas para integrar o React Router com componentes do React e gerenciamento de estado, e evitar armadilhas comuns. - Descobrir como o AcmeQuery pode simplificar tarefas complexas de gerenciamento de dados, como paginação e armazenamento em cache, usando exemplos da base de código da Acme. - Explorar as capacidades do AcmeState para gerenciar o estado global em seus aplicativos React, com dicas e truques do ambiente de produção da Acme. - Usar o i18next para fornecer suporte multilíngue aos seus aplicativos React, com orientação e exemplos das estratégias de localização da Acme. - Ganhar experiência do mundo real com a base de código da Acme e aprender como otimizar aplicativos da web baseados em React para ambientes de produção.