Implementando gráficos interativos no React (shadcn + Recharts)

  Рет қаралды 20,468

Rocketseat

Rocketseat

Күн бұрын

Пікірлер: 23
@Dutraka
@Dutraka 5 ай бұрын
Eu testei esses componentes de gráficos no projeto do pizzashop da própria rocket. Realmente muito bons ainda mais se vc ja ta usando componentes do shadcn
@eduardooliveira5257
@eduardooliveira5257 5 ай бұрын
muito interessante essa ui, uso ela pra todos os projetos que não tenho um design definido
@mayromyller
@mayromyller 5 ай бұрын
Cara eCharts pra mim, até agora foi a melhor lib de gráficos que já usei. Atende muito e é bastante flexível.
@jonasfrancomatador1277
@jonasfrancomatador1277 5 ай бұрын
Estou fazendo o curso da Rocketseat e estou no projeto da Pizzashop. Realmente, no projeto é usada a biblioteca Recharts. Eu ficava me perguntando por que o Diego não usou os gráficos do shadcn, já que são mais bonitos. Agora que a ficha caiu, percebi que na época em que ele fez os vídeos, os gráficos que temos hoje ainda não existiam.
@m4c1el
@m4c1el 5 ай бұрын
pergunta séria - como o bundle size do pizzashop no frontend fica? meu medo de botar muita lib, principalmente shadcn ui porque ele baixa muitas outras libs, é aumentar o bundle size demais
@lucasfrança-l6f
@lucasfrança-l6f 4 ай бұрын
@@m4c1el PESADO! kkkk eu sempre evito usar.. é muita coisa desnecessária.
@m4c1el
@m4c1el 4 ай бұрын
@@lucasfrança-l6f eeeeé... eu tava esperando algo assim. shadcn melhorou muito agora que ele instala as dependências conforme vai adicionando os componentes mas msm assim, provavelmente vai ter MUITO lazy loading pra deixar o projeto otimizado
@Sr.zangao
@Sr.zangao 5 ай бұрын
Nice video
@orafaelgf
@orafaelgf 5 ай бұрын
Ótimo vídeo, parabéns. Uma dúvida: pensando em Dashboards interativos ( drag in drop), o que recomendaria?
@riaskukl
@riaskukl 5 ай бұрын
ola, gostaria de saber se algum dia pretendem lançar alguma trilha de Nuxt/VueJS?
@alexfreitag1675
@alexfreitag1675 5 ай бұрын
Qual seria a alternativa do shadcn para o React Native? Ou os componentes de lá já estão prontos tanto para web quanto para mobile?
@brunocotto
@brunocotto 5 ай бұрын
daora
@foezx2293
@foezx2293 5 ай бұрын
aonde o diego faz essas lives ?
@fabiobrasileiroo
@fabiobrasileiroo 5 ай бұрын
queria muito saber como faz para contornar o apexcharts no angular no ssr ainda nao sei, é lib interressante
@balaonavegantes
@balaonavegantes 5 ай бұрын
Vale a pena usar o D3.js pra fazer gráficos?
@vinilouz
@vinilouz 5 ай бұрын
Otimo conteudo Diego! Se possivel, gostaria de uma indicação de um bom CMS para facilitar o acesso "gerente" dos meus clientes, alguma que voce ache realmente boa? Ou criar o admin "na mão" é o melhor caminho ainda?
@ruijose4803
@ruijose4803 5 ай бұрын
Diego tens alguma sugestão para gráficos 3D?
@Mathcartney
@Mathcartney 5 ай бұрын
Threejs E react fiber
@Lima-Js
@Lima-Js 5 ай бұрын
na empresa que trabalho usamos react-google-charts, acho ele bem bacana e fácil de usar mas tem uns gráficos mto paia
@MordyDeep
@MordyDeep 5 ай бұрын
os graficos dos shadcn são lindos dmais, porém na empresa usamos next (sem tailwind) e essa pira agora de tudo ser dependente do tailwind quebra as pernas kk n curto e graças a deus n usamos, porém perdemos muitas lib de ui por conta disso. ent acabo usando o apex mesmo
@jeffxd9380
@jeffxd9380 5 ай бұрын
Shadcn está muito nova. Muito limitada e para um projeto real, eu evitaria. Risco de descontinuação ou atualizações profundas
@furtadoReis
@furtadoReis 5 ай бұрын
Esssas lives do Diego como ver completa?
@rocketseat
@rocketseat 5 ай бұрын
twitch.tv/dieegosf
Testando a nova função do React 19 (chega de useEffect)!
3:31
Estrutura de pastas p/ Next.js (rotas privadas e públicas)
21:16
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
UFC 310 : Рахмонов VS Мачадо Гэрри
05:00
Setanta Sports UFC
Рет қаралды 1,2 МЛН
The #1 Way to Stand Out in the Power Platform | #PowerTalks Ep. 38
49:38
O ERRO mais comum no React (você já fez isso)
13:26
Rocketseat
Рет қаралды 130 М.
My Favourite React Chart Library
7:55
developedbyed
Рет қаралды 39 М.
Javascript MENTE
15:14
Lucas Montano
Рет қаралды 59 М.
O PC DE 144 TERABYTES
11:33
Coisa de Nerd
Рет қаралды 1,6 МЛН
A melhor forma de salvar o JWT no front-end (sem localstorage)
3:21
Build Charts in React With Recharts in 7 Minutes
7:58
CodeSnaps
Рет қаралды 33 М.
Criando UI no React na velocidade da luz! (shadcn/ui)
14:55
Rocketseat
Рет қаралды 121 М.