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!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024