Thomas Weibenfalk – React.js – Create a Movie App

$10.00$39.00 (-74%)

In stock

SalePage

“The instructor was very creative in figuring out a nice illustrative use case for the Movie DB API.”

Thomas Weibenfalk - React.js - Create a Movie App

Thomas Weibenfalk – React.js – Create a Movie App

Check it out: Thomas Weibenfalk – React.js – Create a Movie App

React JS | Fundamentals – Project Movie App – Hooks [2020]

Learn to build a visually stunning Movie app with React, Styled Components and TMDB API.

Level: Beginner/Intermediate

Want to become good at React fast? Are you a an aspiring React.js developer or know some React stuff already? Do you want to master React.js fundamentals and more in a real world project oriented course? Do you want to learn quick and straight down to the point? Then this is the course for you!

Guaranteed no “foo” and “bar” … and no “to-do-list” app πŸ˜‰

My teaching style is learning by building small projects. My decades of experience in web development have taught me that this style lets you learn fast and efficient. Stop wasting your time!

This is a course where You’ll learn how to create a Movie App from scratch based on The Movie DB API.

Some reviews are saying:

“Great React Course.. I could’ve saved $10,000 in Coding bootcamp if i had just taken this course first..!”

“The instructor was very creative in figuring out a nice illustrative use case for the Movie DB API.”

“A perfect course and a great project with the best explanation possible, I recommend it to everyone that wants to understand the logic of React and how it works.”

What will we do in the course?

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!

Make sure to download the ER FILES from the resources!

In this course you’ll learn:

React Fundamentals

– React Hooks API with functional components

– As a bonus also learn how to create the app with “classic” Class Components

– Components, props and state

– JSX syntax and expressions

– Fetching data from an external API

– Use Create-React-App

– Deploy the finished App

– ES6+ concepts and syntax

– Use Local Storage and Session Storage to keep state

– And a lot more …

Course Curriculum

Introduction, setup and tooling

Preview
Introduction (5:48)
Preview
Tooling (4:38)
Installing create-react-app and dependencies (10:33)

Home Page

JSX and React Components (12:31)
Preview
Scaffolding Home Page (13:00)
Crash course in Props and State (13:21)
Fetching data from TMDB API to Home Component (25:17)
Preview
Styled Components 1 – Header (17:01)
Styled Components 2 – Hero Image and props (19:17)
Styled Components 3 – Global Styling (7:04)
Grid and MovieThumb (18:52)
Load More (13:08)
SearchBar – Controlled components (20:31)

Movie Page

Routing with Reach Router (8:15)
Scaffolding Movie Page (5:37)
Fetching data from TMDB API to Movie Component (15:26)
Navigation and MovieInfo (15:32)
MovieInfoBar and Actor (11:07)

PropTypes

  • PropTypes (13:03)
LocalStorage and SessionStorage
  • Persisting state in local storage and session storage (13:58)
Deploy
  • Deploy to Netlify (8:16)
    Deploy to own server (2:41)

OPTIONAL – Refactor into using Class Components
  • CLASSES – Refactor SearchBar (7:06)

  • CLASSES – Refactoring Home Component (11:28)

  • CLASSES – Refactoring Movie Component (8:36)

Main Menu

Thomas Weibenfalk - React.js - Create a Movie App

Thomas Weibenfalk - React.js - Create a Movie App

$10.00$39.00 (-74%)

Add to Cart