Skip to content
Write a review
UdemyReactPaid courseAll LevelsCertificate

React Data Visualization - Build a Cryptocurrency Dashboard (Udemy.com)

Learn industry secrets of building beautifully fast dashboards with React, Context API, styled-components & CSS Grid.

4.4
563 reviews

Created by: React School

Last updated October 2020

icon
What you will learn

  • Modern React Development with React & React Context API for State Management
  • Build a Complete CryptoCurrency Financial Reporting App
  • Styled-components v4 : Dynamic CSS-in-JS
  • HighCharts : Graphing Historical Price Data
  • CSS Grid : Responsive Layouts
  • CryptoCompare API : Fetch Real Pricing Data
  • Moment : Date Manipulation
  • Lodash : Functional Programming
  • Create-React-App 2.0 : Boilerplate Quickly
  • localStorage : Save Coins

How it compares

Against the other 173 rated Udemy courses in React on CourseDuck:

  • Rating4.4 out of 5higher than 38% of them
  • Reviews563#83 of 174 by number of reviews
  • Length3.8 hoursshorter than 87% of them
  • Last updatedOctober 2020earlier than 83% of them

icon
Course Description

Updated for React Context, CRA 2.0, and Styled-Components V4 !
Build a complete Cryptocurrency Dashboard with this professional React Course!
  • Settings Page with Intro greeting
    • Greeting the user on first visit, asking them to choose their favorites
    • Providing a default 5 coins as favorites & a complete list of all coins
    • Searching for coins with fuzzy search
    • Hovering and Selecting coins
    • Adding/Removing coins on the list of favorites
    • Disabling out chosen coins
    • Confirm Favorite Coin
      • Remembers those values for the user
      • Generates dashboard prices & historical data
  • Dashboard
    • Data initializes from remembered favorites, or forwards to Settings page
    • Displays 5 major Cards for first 5 favorites and compact Cards for next 5
    • Renders a line chart for the 10 historical points on current favorite symbol
    • Select coins changes and re-fetch data, remembers current favorite
    • Select to render historical points on Date: Days Weeks Months
    • Display name and image of coin next to chart
  • BONUS: Themes
    • Easily configure the app's theme to be dark or light

React isn't just for experts in the industry, in fact beginners should start with React, as it is truly the easiest way to build apps.
The create-react-app project is an amazing boilerplate to rapidly build apps. You no longer need to stress about Webpack, build tools, etc. This is all taken care of with the only starter project you need: create-react-app.
Every line of code is walked through, as the project is built from scratch with no steps skipped or time wasted.
You'll see how quickly things get done with the power of React Context, styled-components v4, the latest advancement in the CSS-in-JS paradigm.
With HighCharts, we'll show you how to run HighCharts with React, and customize the theme to fit our project.
Complex data modifications to our favorites entail a strict knowledge of the state flow, and so we must take care to explain every aspect of how maintaining our React state is important, and only clean variables are created.
If you have any questions at all, please reach out. We are happy to help respond to all issues relating to your journey.
Best of luck with CryptoDash, I know you'll love this project. Who this course is for:
  • Anyone from complete beginners in web development to experts looking to build the provided project.
Read More All Levels All Levels product length iconTime: 3.8h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

placeholder

Let's get to work. We believe project-focused web development is the best way to prepare for a software engineering career. Our courses give you an inside look at a React developer's day-to-day duties.
React is the future. In a survey of over 20,000 developers, The State of JavaScript 2018 found that an astonishing 65% developers "have used React and would use it again", up from 58% in 2017.
We're Lead Software Engineers with decades of experience deploying and maintaining web applications in the wild. We work professionally with React, delivering high performance data visualization, advanced single page applications, and all things UI to clients.
We offer premium software projects built for practical career workflows, with dedicated support and full source code reference.

Read More

icon
More React courses

$139.99

$94.99

$74.99

$69.99

$89.99

$99.99

All React courses

icon
Reviews

4.4

563 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Muhamad Irham Prasetyo

I must honestly say, overall this is a very good course but I must admit this is a very advance course too. Before you enroll I recommend to take JS, data structures and algorithms first, because there were a lot of data structures and algorithms.

The teacher is absolutely great. He explained every single line of code what we were writing. But obviously we should also handle every single error and how to fix the particular error we will be facing and a few video the teacher did copy paste code. I'm not sure it might be the teacher forgot what he wrote but it's totally ok and it is a part of coding world ;)

By Yohanes Demissie

clear, in-depth, well explanations, very informative for beginners and people like me just trying to gain as much exposure, repetition from different outlooks. GREAT video so far.

UPDATE: Great explanation with style component and grid styling methods. Really enjoying the lectures and demos! Any trouble I had was from typos on my behalf. As long as I followed instructions precisely, I had no problems completing the app. ALL AROUND CLEAR AND GREAT LEARNING EXPERIENCE!

By Brandon van Niekerk

This course is very advanced and should advise so.

Poor editing here and there with small font on the screen.

Very hard to follow.

However, it is a great project to work along with - I just wish it had been easier to follow.

By John

I love this course. It is guaranteed to take your skills to that next level.You should have some basic experience in react and ES6 to fully benefit from this course.

By Harry Kendall

clear explanation, and interesting too!

By Clinton Johnson

This Course is Advanced, and full on great React building techniques. I have been mostly and Angular Developer, so coming into the React world is exciting, and this course gives you the best of both worlds. If you are a beginning, take your time and understand what's going on.

By Iulian Carnaru

Great tutorial, a really good investment as time and money.

By José da Silva

excellent course!

By Daniel Parsons

A good course for me.

By Guillermo Torres

Great course for advanced people, he explain very fast, how we need it.

By Michael Menard

awesome course. great for learning styled components and context.

By Kevin Terry

By the end of the course you may have a bitcoin dashboard, but you will not understand how you built it. The instructor switches between windows and types so fast, they are assuming you are a professional React developer I'm guessing. I've taken multiple React classes and still found this one hard to follow. I want to learn what I'm building, not just do a code along by someone who can't teach. Very unimpressed and requesting a refund.

Showing 12 of 50 reviews

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100

React Data Visualization - Build a Cryptocurrency Dashboard
Visit course on Udemy Write a review
  • Video Duration: icon 3.8h
  • Price: $49.99
  • Provider: icon Udemy
  • Updated: icon October 2020
  • Level: All Levels All Levels
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com