English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3 Hours | 1.83 GB
Master and learn react in 3 hours! Beginner course on how to create an IMDB style real world Web Application in React.js
In this course you will learn how to master React. We’ll build a light version of an IMDB style React DB Web Application and dive straight into creating our app and gradually learn more until we reach the finish. My main goal with this course is to mix fun with teaching. There’s many tutorials and courses out there that are great but too complex and focus on a lot at the same time. I’m a great movie lover myself so therefore I thought it would be fun to create a web application based on movie data for this course. Hope you enjoy it too!
Please make sure to download the STARTER FILES from the resources!
PLEASE NOTE! We’re using a free API key from The Movie Database in this course. This is a great API with a lot of information about Movies and TV Series. Please note that I can not guarantee that the API key i have provided for the course will work forever. Therefore I will not take responsibility for this. I strongly recommend you to get your own free API key from The Movie Database. Just register for a free account at The Movie Database and go to your account setting area and select API in the menu. There you can register for your own free API key.
In this course you’ll learn:
- What is React?
- Setup the React development environment
- Components, props and state
- JSX syntax and expressions
- Fetching data from an external API
- Lifecycle Methods
- Use Create-React-App
- Deploy the finished App
- ES6+ concepts and syntax
- Use Local Storage to keep state
Table of Contents
Introduction
1 Introduction and tooling setup
2 Web App structure and components
The Home page – part 1
3 Start building components with JSX
4 Scaffolding out the components for the home page
Short on props and state
5 Crash course in props and state
The Home page – part 2
6 Using Fetch to get API data
7 HeroImage and the SearchBar with talk about Controlled Components
8 Finishing the Components for the Home Page
React Router
9 React Router Links and short on Fragments
The Movie Page
10 Scaffolding out the components for the movie page
11 Fetching the API data for the Movie page
12 Finishing the components for the Movie page – part 1
13 Finishing the components for the Movie page – part 2
Type checking with PropTypes
14 Crash course in PropTypes
Local Storage
15 Keeping state with Local Storage
Production Build for deploy
16 Create a production build for deployment
BONUS – Destructuring Props and State
17 Use ES6 destructuring on props and state
Resolve the captcha to access the links!