React Data Visualization Build a Cryptocurrency Dashboard

React Data Visualization – Build a Cryptocurrency Dashboard, available at $49.99, has an average rating of 4.35, with 42 lectures, based on 561 reviews, and has 3212 subscribers.

You will learn about Modern React Development with React & React Context API for State Management Build a Complete CryptoCurrency Financial Reporting App Styled-components : 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 This course is ideal for individuals who are Anyone from complete beginners in web development to experts looking to build the provided project. It is particularly useful for Anyone from complete beginners in web development to experts looking to build the provided project.

Enroll now: React Data Visualization – Build a Cryptocurrency Dashboard

Summary

Title: React Data Visualization – Build a Cryptocurrency Dashboard

Price: $49.99

Average Rating: 4.35

Number of Lectures: 42

Number of Published Lectures: 41

Number of Curriculum Items: 42

Number of Published Curriculum Objects: 41

Original Price: $59.99

Quality Status: approved

Status: Live

What You Will Learn

Modern React Development with React & React Context API for State Management

Build a Complete CryptoCurrency Financial Reporting App

Styled-components : 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

Who Should Attend

Anyone from complete beginners in web development to experts looking to build the provided project.

Target Audiences

Anyone from complete beginners in web development to experts looking to build the provided project.

Warning: This is an advanced course for web developers already familiar with the basics of React and JavaScript!

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.

Course Curriculum

Chapter 1: Introduction and Setup

Lecture 1: Setup with create-react-app

Lecture 2: Overview

Lecture 3: Beginner Setup

Lecture 4: Restructure Files

Chapter 2: React Basics

Lecture 1: Functional Components

Lecture 2: What are styled-components?

Lecture 3: Styled-components Exercises

Chapter 3: App Layout

Lecture 1: Google Fonts

Lecture 2: AppLayout

Lecture 3: AppBar

Lecture 4: Style AppBar

Chapter 4: React Context

Lecture 1: React Context – Providers & Consumers

Chapter 5: Settings Page

Lecture 1: Warning if you get: TypeError: Cannot read property map of undefined

Lecture 2: localStorage

Lecture 3: CryptoCompare API

Lecture 4: [Optional] CryptoCompare API Key

Lecture 5: Page

Lecture 6: Content

Lecture 7: CoinGrid

Lecture 8: Styles.js

Lecture 9: Shared Styles

Lecture 10: Shared Tile

Lecture 11: CoinTile

Lecture 12: TopSection CoinGrid

Lecture 13: Add/Remove Coins

Chapter 6: Responsiveness

Lecture 1: Responsive Grid

Chapter 7: Searching Coins

Lecture 1: Search

Lecture 2: Fuzzy Search

Chapter 8: Dashboard

Lecture 1: IMPORTANT FIX FOR Cannot read property USD of undefined

Lecture 2: Fetch Prices

Lecture 3: Dashboard

Lecture 4: CurrentFavorite

Lecture 5: Coin Spotlight

Lecture 6: HighCharts

Lecture 7: HighCharts Theme Link (Updated)

Lecture 8: HighCharts Theme

Lecture 9: Historical Data

Lecture 10: Bugs

Lecture 11: Chart Select

Chapter 9: Themes

Lecture 1: Light Theme

Chapter 10: Bonus Content

Lecture 1: Bonus Lecture

Instructors

react.school _
React Project Tutorials

Rating Distribution

1 stars: 11 votes

2 stars: 19 votes

3 stars: 74 votes

4 stars: 151 votes

5 stars: 306 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!