|
via Udemy |
Go to Course: https://www.udemy.com/course/react-data-visualization-build-a-cryptocurrency-dashboard/
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 greetingGreeting the user on first visit, asking them to choose their favoritesProviding a default 5 coins as favorites & a complete list of all coinsSearching for coins with fuzzy searchHovering and Selecting coinsAdding/Removing coins on the list of favoritesDisabling out chosen coinsConfirm Favorite CoinRemembers those values for the userGenerates dashboard prices & historical dataDashboardData initializes from remembered favorites, or forwards to Settings pageDisplays 5 major Cards for first 5 favorites and compact Cards for next 5Renders a line chart for the 10 historical points on current favorite symbolSelect coins changes and re-fetch data, remembers current favoriteSelect to render historical points on Date: Days Weeks MonthsDisplay name and image of coin next to chartBONUS: ThemesEasily configure the app's theme to be dark or lightReact 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.