Visualização de Dados em React - Construa um Painel de Criptomoedas

Aprenda os Segredos de Construir Painéis Rápidos e Bonitos com React

Visão Geral do Curso

Neste curso avançado para desenvolvedores web, você aprenderá os segredos da indústria para construir painéis incrivelmente rápidos usando React, Context API, styled-components e CSS Grid. Por favor, note que este curso é projetado para pessoas que já estão familiarizadas com os conceitos básicos de React e JavaScript.

O que Você Vai Aprender

Ao final deste curso, você será capaz de: - Construir um Painel de Criptomoedas completo usando React - Criar uma página de Configurações com uma saudação introdutória para os usuários - Permitir que os usuários escolham suas moedas favoritas - Fornecer uma lista padrão de 5 moedas favoritas e uma lista completa de todas as moedas - Implementar funcionalidade de busca difusa para encontrar moedas - Permitir passar o mouse e selecionar moedas - Adicionar ou remover moedas da lista de favoritos - Desabilitar moedas escolhidas - Confirmar as seleções de moedas favoritas e lembrá-las para o usuário - Gerar preços e dados históricos para o painel - Inicializar os dados do painel a partir das moedas favoritas lembradas ou redirecionar para a página de Configurações - Exibir 5 cartões principais para as 5 primeiras moedas favoritas e cartões compactos para as próximas 5 - Renderizar um gráfico de linha para os 10 pontos históricos do símbolo da moeda favorita atual - Permitir que os usuários selecionem moedas diferentes e obtenham os dados correspondentes, lembrando a moeda favorita atual - Escolher renderizar pontos históricos em datas específicas, como dias, semanas ou meses - Exibir o nome e a imagem da moeda ao lado do gráfico - Bônus: Configurar facilmente o tema do aplicativo para ser escuro ou claro

Por que Aprender React?

React não é apenas para especialistas da indústria; na verdade, os iniciantes devem começar com React, pois é a maneira mais fácil de construir aplicativos. O projeto create-react-app fornece um excelente modelo para construir aplicativos rapidamente, eliminando a necessidade de se preocupar com o Webpack e outras ferramentas de construção. Cada linha de código neste curso é explicada detalhadamente, garantindo que nenhum passo seja pulado e nenhum tempo seja desperdiçado. Você verá o poder do React Context e styled-components v4, o avanço mais recente no paradigma CSS-in-JS. Além disso, você aprenderá como integrar o HighCharts com o React e personalizar o tema para se adequar ao seu projeto. Entender o fluxo de estado e manter um estado React limpo é crucial para modificações complexas de dados, e este curso irá guiá-lo em todos os aspectos disso. Se você tiver alguma dúvida ou problema, nossa equipe está aqui para ajudá-lo durante sua jornada de aprendizado. Boa sorte com o CryptoDash, temos certeza de que você vai adorar este projeto!

O que Você Precisa

Para aproveitar ao máximo este curso, você deve ter um sólido entendimento dos fundamentos do React e do JavaScript. Também é recomendado estar familiarizado com o React Context API, styled-components e CSS Grid.