Completed
) Crash course in Props and State
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React JS Course for Beginners - 2021 Tutorial
Automatically move to the next video in the Classroom when playback concludes
- 1 ) Introduction
- 2 ) The App
- 3 ) The Movie DB - API Key
- 4 ) What is React?
- 5 ) Starter Files
- 6 ) Quick about tooling
- 7 ) Bootstrap with CRA
- 8 ) Install dependencies
- 9 ) Copy fils from starter files
- 10 ) Setup API Key and walkthrough of API files
- 11 ) React without JSX
- 12 ) Short about JSX
- 13 ) Crash course in Props and State
- 14 ) Short about Styled Components
- 15 ) Global Styles
- 16 ) Header Component
- 17 ) Header Component - Styles
- 18 ) Home Component - Scaffold
- 19 ) Short about built-in hooks in React
- 20 ) Fetch data from the API for Home Page
- 21 ) Custom hook for Home Page
- 22 ) HeroImage Component
- 23 ) HeroImage Component - Styles
- 24 ) Grid Component
- 25 ) Grid Component - Styles
- 26 ) Thumb Component
- 27 ) Thumb Component - Styles
- 28 ) Spinner Component
- 29 ) SearchBar Component
- 30 ) SearchBar Component - Styles
- 31 ) SearchBar Component - Logic
- 32 ) Button Component
- 33 ) Button Component - Styles
- 34 ) Button Component - Logic
- 35 ) Short about React Router
- 36 ) Routing with React Router
- 37 ) Movie Component - Scaffold
- 38 ) Fetch movie data from the API
- 39 ) BreadCrumb Component
- 40 ) BreadCrumb Component - Styles
- 41 ) MovieInfo Component
- 42 ) MovieInfo Component - Styles
- 43 ) MovieInfoBar Component
- 44 ) MovieInfoBar Component - Styles
- 45 ) Actor Component
- 46 ) Actor Component - Styles
- 47 ) Short about PropTypes
- 48 ) Validate Props with PropTypes
- 49 ) Short about SessionStorage
- 50 ) SessionStorage - Home
- 51 ) SessionStorage - Movie
- 52 ) Build and prepare for Netlify
- 53 ) Netlify drag and drop and Netlify CLI
- 54 ) Netlify Continous Deployment
- 55 ) Bonus - Classes - SearchBar Component
- 56 ) Bonus - Classes - Home Component
- 57 ) Bonus - Classes - Movie Component
- 58 ) Bonus - Typescript - Introduction
- 59 ) Bonus - Typescript - Bootstrap project and copy files
- 60 ) Bonus - Typescript - Refactor base files
- 61 ) Bonus - Typescript - Refactor Home and Components
- 62 ) Bonus - Typescript - Refactor Movie and Components
- 63 ) Bonus - Login - Short about TMDB login and rating system
- 64 ) Bonus - Login - Global Context
- 65 ) Bonus - Login - Login Component
- 66 ) Bonus - Login - Login Component - Styles
- 67 ) Bonus - Login - Login from Header
- 68 ) Bonus - Login - Rate Component
- 69 ) Bonus - Login - Rating from MovieInfo
