Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React

If you are a beginner to React and know basic stuff like creating components and managing local state with Hooks or using class components with simple setState well you're in the right place! In this video we will learn how to create and setup a Full React project with advanced technologies with Redux Toolkit, Typescript and GraphQL we will create a simple project with all technologies like an advanced developer and setup an advanced project. We'll also create a basic Hot Anime app with a GraphQL API and utilizing the Redux store to manage the state and the data with ease. ⭐ Timestamps ⭐ 00:00 Intro and How to be a Pro in React 03:20 Setting Up using Create react app with typescript and redux toolkit 06:09 Installing dependencies 09:08 Configuring Apollo Graphql 18:11 Creating basic HomePage App Layout 26:26 Adding Redux slice to HomePage container 41:54 Create Basic GQL Query to fetch Anime list 47:24 Automagically Generate Typescript interfaces for GraphQL Queries 51:22 Using Typescript Query Interfaces with redux slice 56:23 Fetching Anime list with apollo Client 01:08:50 Using Selectors to easily select from the state 01:14:58 Displaying fetched Anime list 01:24:49 Using redux logger for better debugging 01:31:34 Wrapping Up and displaying Hot Anime 🧭 Watch Tutorial on Designing the website on Figma https://youtu.be/SB3rt-cQZas 🧭 Watch Create a Modern React Login/Register Form with smooth Animations https://youtu.be/-bll7l-BKQI ⭐ You can get the Full Pro Tips Code from Github: https://github.com/ipenywis/react-pro-boilerplate 🐦 Follow me on Twitter: https://twitter.com/ipenywis 💻 Github Profile: https://github.com/ipenywis 💡 My Blog: http://ipenywis.com Made with 💗 by Coderone