Build Dashboards for Data Visualization in React with Tremor & Tailwind

Easily build a dashboard to visualize your data in a React app using Tremor and Tailwind.
We'll walk through setting up Tailwind and Tremor in a Vite React app and dropping in Tremor components to build a Barbie vs Oppenheimer performance dashboard.
Dig deeper into Full Stack React with my upcoming Appwrite course: kdta.io/8DVMh
🧰 Resources
Demo: my-barbenheimer-dashboard.ver...
Code: github.com/colbyfayock/my-bar...
Article: spacejelly.dev/posts/how-to-b...
www.tremor.so/
📺 RUclips: ruclips.net/user/colbyfayock?sub_c...
🐦 Twitter: / colbyfayock
📹 Twitch: / colbyfayock
✉️ Newsletter: www.colbyfayock.com/newsletter/
🎥 What I Use: www.colbyfayock.com/uses
#colbyfayock #reactjs #data #dataanalytics #datavisualization #webdevelopment

[@jdl7702]

This was super well done!

[@colbyfayock]

thank you!

[@shineLouisShine]

Cool cool cool.
I've already subscribed to your channel right after watching a single video, and while this is only the second one I'm watching, it just makes me feel even more happy with this decision 😊
And there's nothing obvious about it.
Thank you!

[@colbyfayock]

haha thank you!! 🙌

[@rayusaki88]

Amazing overview Colby! Will definitely check this out! And also check out your full stack React course 👍🏻👍🏻

[@colbyfayock]

thank you!!

[@blessdarah1256]

Straight to the point. No bfs at all... just good code and explanation.

[@colbyfayock]

Thank you!!

[@pepecopter]

Hey Colby thanks for this video. Just FYI Intl.NumberFormat natively comes from JavaScript whenever you need amount formatting

[@colbyfayock]

oh cool thanks for the tip!

[@kashmirtechtv2948]

Which one is best? Tremor or Rechart or any other??

[@eliuddyn]

Amazing 🔥🔥

[@colbyfayock]

thanks 🙌

[@LeangMenghang]

I have problem with LineChart component ! Why it doesn't show the Line of graph that represent the object ? I think it has problem with color but I don't know exactly what the problem . Please help me!

[@colbyfayock]

hey did you happen to check out the code example? github.com/colbyfayock/my-barbenheimer-dashboard/blob/main/src/App.tsx#L96

[@dunz77]

Nice vid! Instead of the donut I'd use a tremor data bar.

[@colbyfayock]

thank you! nice idea

[@colbyfayock]

Dig deeper into React with my course Full Stack React with Appwrite: spacejelly.dev/reactappwrite
Otherwise get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news

[@rhysjones8140]

Handy vid, but would be better if you slowed down a little

[@mnchabel8402]

Making dashboards gonna be a breeze

[@colbyfayock]

💯