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

⭐ You can get the Full Pro Tips Code from Github:

https://github.com/ipenywis/react-pro…

Subscribe: https://www.youtube.com/c/CoderOne/featured

#react #redux #graphql #typescript #javascript