Tutorials > React Data Visualization Build a Cryptocurrency Dashboard

React Data Visualization Build a Cryptocurrency Dashboard

Date: 13 February 2022 | Posted by: voska89

MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.24 GB | Duration: 3h 45m
Learn industry secrets of building beautifully fast dashboards with React, Context API, styled-components & CSS Grid.

What you'll 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
Requirements
This course requires some existing knowledge of React, but many beginners have successfully completed the course.
Description
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.
Who this course is for
Anyone from complete beginners in web development to experts looking to build the provided project.

Homepage

https://www.udemy.com/course/react-data-visualization-build-a-cryptocurrency-dashboard/

DOWNLOAD LINK

Download (Uploadgig)
https://uploadgig.com/file/download/3034f22fFfA36B99/559gc.R.D.V..B.a.C.D.part1.rar
https://uploadgig.com/file/download/1bfd8C33b7d2BE4B/559gc.R.D.V..B.a.C.D.part2.rar
https://uploadgig.com/file/download/77CD86a61ab62263/559gc.R.D.V..B.a.C.D.part3.rar
Download ( Rapidgator )
https://rapidgator.net/file/e7b8a003df636414d7ba86ff2383e256/559gc.R.D.V..B.a.C.D.part1.rar.html
https://rapidgator.net/file/ad7ff218b8bda4abf336fa1f66045076/559gc.R.D.V..B.a.C.D.part2.rar.html
https://rapidgator.net/file/322caa84bce45d9fcd6350473a2a1db1/559gc.R.D.V..B.a.C.D.part3.rar.html
Download ( NitroFlare )
http://nitro.download/view/4B719B2042421A6/559gc.R.D.V..B.a.C.D.part1.rar
http://nitro.download/view/B54BBD39C8433C1/559gc.R.D.V..B.a.C.D.part2.rar
http://nitro.download/view/A293A234282E92B/559gc.R.D.V..B.a.C.D.part3.rar

Links are Interchangeable - No Password - Single Extraction

See full article