Bem-vindo ao Curso de Introdução ao D3.js com React!

Sobre o Curso

Neste curso, você aprenderá como usar o D3.js (versão 6.x) em um ambiente React. Nosso objetivo é ajudá-lo a começar rapidamente com o D3.js e entender o suficiente para trabalhar com confiança.

Esboço do Curso

O curso está dividido em 5 seções, cada uma construindo sobre a anterior. Aqui está uma descrição do que você aprenderá em cada seção:

Seção 1: Introdução

- Descubra os benefícios de aprender D3.js - Entenda a estrutura do curso e os recursos disponíveis

Seção 2: Configuração

- Configure seu ambiente de desenvolvimento para integração do React e D3 - Aprenda sobre SVGs e sua manipulação com o D3 - Dê seus primeiros passos no D3.js

Seção 3: Construindo um Gráfico de Barras Estático

- Crie um gráfico de barras estático usando o D3.js - Adicione escalas e eixos para aprimorar o gráfico - Explore os geradores de eixos do D3 e a convenção de margem

Seção 4: Construindo um Gráfico de Barras Atualizável

- Aprenda sobre o método Interval do D3 - Utilize a suíte de transição do D3 para animações suaves - Entenda o Padrão de Atualização Geral do D3 - Atualize o gráfico com base na entrada do usuário por meio do React

Seção 5: Construindo um Aplicativo Web Completo

- Construa um gráfico de dispersão usando o D3.js - Manipule eventos entre o React e o D3 - Pratique a integração efetiva das bibliotecas React e D3

Este Curso é para Você?

O D3.js é uma biblioteca poderosa com uma comunidade crescente de desenvolvedores. No entanto, pode ser desafiador usá-lo junto com o React devido ao controle conflitante do DOM. Se você deseja aprender as melhores práticas para integrar essas duas bibliotecas e se atualizar rapidamente, este curso é para você. Observe que este curso pressupõe experiência prévia em JavaScript, HTML, CSS e React.

O que Você Aprenderá

Ao final deste curso, você será capaz de: - Entender os blocos de construção fundamentais do D3.js - Manipular SVGs usando o D3.js - Configurar uma arquitetura de arquivos para integração do React e D3 - Passar eventos entre componentes React e D3 - Construir gráficos dinâmicos que respondem à entrada do usuário