Master React JS by Building Real Projects - Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video

5.0 (0)

9 learners

What you'll learn

This course includes

111.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

javascript javascript mastery js mastery master javascript redux toolkit redux react redux react redux tutorial redux toolkit tutorial redux toolkit with axios redux toolkit query redux toolkit project

Full Transcript

Learn advanced React best practices, State Management using Redux Toolkit, UI Creation using Ant Design, creating charts using Chart.js, and fetching data from multiple sources using RapidAPI while building the best Cryptocurrency App on YouTube - Cryptoverse. 💻JS Mastery Pro - https://jsmastery.pro?discount=youtube ✅ A special YOUTUBE discount code is automatically applied! ⭐ RapidAPI - https://rapidapi.com/hub?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel ⭐ CoinRanking API - https://rapidapi.com/Coinranking/api/coinranking1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel ⭐ Bing News Search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel Since the 1st of January 2022 you'll have to make the following changes to the code: 1. Change the api v1 to v2 on RapidAPI 2. In new version, to access the exchanges endpoint you'll need a premium plan 3. Change the coin price history endpoint to the following - `coin/${coinId}/history?timeperiod=${timeperiod}` 4. Change coin id to coin uuid in cryptocurrencies.jsx file 5. In cryptoDetails.jsx file make sure to match the stats and genericStats values 📚 Materials/References: GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_cryptoverse Styles & Other Code: https://gist.github.com/adrianhajdin/1008c664fe7896b316f5efbff8d97935 cryptocurrency.png: https://i.ibb.co/Z11pcGG/cryptocurrency.png news image URL: https://www.bing.com/th?id=OVFT.mpzuVZnv8dwIMRfQGPbOPC&pid=News 📧 Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmastery.pro/newsletter 🔥 ⭐Hostinger is my personal recommendation for hosting - https://www.hostinger.com/javascriptmastery Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans. 💻 Master JavaScript: https://www.completepathtojavascriptmastery.com Use the special promo code "YOUTUBE" on checkout to save $60! ❤️ Support JavaScript Mastery & Suggest Future Videos: BuyMeACoffe: https://www.buymeacoffee.com/JSMastery Patreon: https://www.patreon.com/javascriptmastery 🌎 Find Me Here: Discord Group: https://discord.gg/n6EdbFJ Instagram: https://instagram.com/javascriptmastery Twitter: https://twitter.com/jsmasterypro 💼 Business Inquiries: E-mail: [email protected] Time Stamps 👇 00:00:00 Intro 00:02:06 RapidAPI 00:03:25 Layout 00:32:59 Homepage 00:36:31 Redux Toolkit & API Dev 00:53:32 Cryptocurrencies 01:11:28 Crypto News 01:32:02 Crypto Details 01:56:24 Chart 02:01:37 Mobile navigation 02:06:22 Challenge