This is a full premium course. Learn React.js from the ground up with fundamentals to more intermediate and advanced topics. You will learn by building a real app!
π» Starter files: https://github.com/weibenfalk/react-rmdb-v3-starter-files
Course from Thomas Weibenfalk. Check out his channel: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg
Learn:
β React
β JSX
β Styled Components
β React Router
β State and Props
β Context
β CSS
β API handling
β Hooks
β Typescript
β Persist state in SessionStorage
β Deploy to Netlify
β And MUCH more β¦
βοΈ Course Contents βοΈ
β¨οΈ (0:00:10) Introduction
β¨οΈ (0:00:57) The App
β¨οΈ (0:03:27) The Movie DB β API Key
β¨οΈ (0:05:09) What is React?
β¨οΈ (0:10:49) Starter Files
β¨οΈ (0:14:16) Quick about tooling
β¨οΈ (0:15:50) Bootstrap with CRA
β¨οΈ (0:19:11) Install dependencies
β¨οΈ (0:24:17) Copy fils from starter files
β¨οΈ (0:28:34) Setup API Key and walkthrough of API files
β¨οΈ (0:33:24) React without JSX
β¨οΈ (0:40:10) Short about JSX
β¨οΈ (0:42:52) Crash course in Props and State
β¨οΈ (0:55:12) Short about Styled Components
β¨οΈ (0:58:23) Global Styles
β¨οΈ (1:08:01) Header Component
β¨οΈ (1:21:09) Header Component β Styles
β¨οΈ (1:25:40) Home Component β Scaffold
β¨οΈ (1:33:45) Short about built-in hooks in React
β¨οΈ (1:38:55) Fetch data from the API for Home Page
β¨οΈ (1:52:44) Custom hook for Home Page
β¨οΈ (1:59:49) HeroImage Component
β¨οΈ (2:11:22) HeroImage Component β Styles
β¨οΈ (2:20:23) Grid Component
β¨οΈ (2:26:06) Grid Component β Styles
β¨οΈ (2:29:44) Thumb Component
β¨οΈ (2:34:59) Thumb Component β Styles
β¨οΈ (2:37:28) Spinner Component
β¨οΈ (2:42:03) SearchBar Component
β¨οΈ (2:57:54) SearchBar Component β Styles
β¨οΈ (3:02:16) SearchBar Component β Logic
β¨οΈ (3:06:51) Button Component
β¨οΈ (3:10:42) Button Component β Styles
β¨οΈ (3:13:06) Button Component β Logic
β¨οΈ (3:19:50) Short about React Router
β¨οΈ (3:21:59) Routing with React Router
β¨οΈ (3:34:15) Movie Component β Scaffold
β¨οΈ (3:36:26) Fetch movie data from the API
β¨οΈ (3:49:38) BreadCrumb Component
β¨οΈ (3:54:49) BreadCrumb Component β Styles
β¨οΈ (3:57:46) MovieInfo Component
β¨οΈ (4:08:41) MovieInfo Component β Styles
β¨οΈ (4:17:35) MovieInfoBar Component
β¨οΈ (4:23:26) MovieInfoBar Component β Styles
β¨οΈ (4:26:38) Actor Component
β¨οΈ (4:32:09) Actor Component β Styles
β¨οΈ (4:34:16) Short about PropTypes
β¨οΈ (4:37:38) Validate Props with PropTypes
β¨οΈ (4:48:17) Short about SessionStorage
β¨οΈ (4:50:32) SessionStorage β Home
β¨οΈ (4:59:34) SessionStorage β Movie
β¨οΈ (5:03:17) Build and prepare for Netlify
β¨οΈ (5:05:58) Netlify drag and drop and Netlify CLI
β¨οΈ (5:10:29) Netlify Continous Deployment
β¨οΈ (5:13:48) Bonus β Classes β SearchBar Component
β¨οΈ (5:22:04) Bonus β Classes β Home Component
β¨οΈ (5:33:14) Bonus β Classes β Movie Component
β¨οΈ (5:40:39) Bonus β Typescript β Introduction
β¨οΈ (5:42:20) Bonus β Typescript β Bootstrap project and copy files
β¨οΈ (5:47:19) Bonus β Typescript β Refactor base files
β¨οΈ (6:04:16) Bonus β Typescript β Refactor Home and Components
β¨οΈ (6:14:55) Bonus β Typescript β Refactor Movie and Components
β¨οΈ (6:25:52) Bonus β Login β Short about TMDB login and rating system
β¨οΈ (6:29:25) Bonus β Login β Global Context
β¨οΈ (6:34:34) Bonus β Login β Login Component
β¨οΈ (6:50:49) Bonus β Login β Login Component β Styles
β¨οΈ (6:53:47) Bonus β Login β Login from Header
β¨οΈ (7:00:27) Bonus β Login β Rate Component
β¨οΈ (7:04:35) Bonus β Login β Rating from MovieInfo
π Thanks to our Champion and Sponsor supporters:
πΎ Wong Voon jinq
πΎ hexploitation
πΎ Katia Moran
πΎ BlckPhantom
πΎ Nick Raker
πΎ Otis Morgan
πΎ DeezMaster
πΎ Treehouse
