Beginner React (2021). Create a Movie Web App (Udemy.com)

A project oriented React course! Create an IMDB style real world Web Application in React js

Created by: Thomas Weibenfalk

Produced in 2021

icon
What you will learn

  • Build an entire real world Web App from start to finish
  • Use Create-React-App as a base
  • The basics of React ( reactjs )
  • State, Props and the flow between components
  • A lot of ES6 Syntax
  • Create and use React Components
  • Connect to an external API
  • Routing with React Router
  • Deploy the finished App
  • Use Local Storage to keep state

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

Note. This is the older version of my React Movie course. It is still legit and is aimed more as a beginner course then my re-recorded one that is more an intermediate course. This course focus more on class based components while the new one uses the hook api as a standard.

UPDATED July 2019. Added fully responsive design and a more modern look to certain element.

UPDATED June 2019. Added bonus video with React Hooks! The course now includes how to convert a class component with state into using a stateful functional component with Hooks.

Are you a developer and a beginner at React? Do you want to learn React.js fundamentals in a real world project oriented course? Do you like quick learning and straight down to the point?
Then this is the course for you!

Guaranteed no "foo" and "bar" ... and no "to-do-list" app ;)

There's many great React.js courses out there but they're very huge and A LOT to grasp for beginners. My teaching style and belief is that you learn more by creating many smaller projects than one overwhelming 25 + hours course that tries to show you everything and don't focus on the fundamentals that much. So this is a 3 hour(ish) course where You'll learn how to create a Movie App from scratch based on The Movie DB API.

Some reviews are saying:
"One of the best react courses on Udemy!!!"

"One of the best project oriented courses on Udemy very recommended"

"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!

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:

- React Fundamentals
- 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
- BONUS: Destructuring state and props with ES6Who this course is for:
  • Coders who want to learn React

icon
Instructor Details

placeholder

Thomas is a multitalented digital native from Sweden. He has been developing webpages and web applications ever since Internet first became a phenomenon. He's been employed in several business areas such as Fintech and Advertising in different roles. Today he is a freelancer and work in both coding and design projects as he's also a skilled designer. His code and design experience range back to the C64 and Amiga era as he grew up by a computer since he was only seven years old. As he is a fullstack developer he mostly enjoys doing Front End code because it's the bridge between design and technology.

icon
More courses by Thomas Weibenfalk

React Hooks Video Player (2021)

$11.99

icon
More reactjs courses

React js. From the beginning. w/ Redux and React Router

$11.99

React JS, Angular & Vue JS - Quickstart & Comparison

$11.99

Server Side Rendering with React and Redux

$11.99

Microservices with Node JS and React

$11.99

Learn React by building and deploying production ready app

$11.99

Modern React with Redux [2020 Update]

$11.99

icon
Reviews

4.7

50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Dharmesh Gangwar

Short and well explained course if you want an overview about how react works.

By Nathan Martins Barreto

The course is good for those who understand or have worked with other Js Frameworks.

For beginners is direct to the point and I liked it. It has all the basic needed instructions.

By Danielle Moss

I was looking for a course that walked you through React from a straight beginners point-of-view. This is exactly what this course is and I loved it!

I feel like I really learned a lot and have retained what I've learned. It will seem repetitive at times, but you will remember what you need to do for each file when you start working through the course sections. I'm really glad I bought this and hope to purchase more courses from this instructor in the future.

By Darryl Ho

This is an excellent tutorial and the instructor keeps it interesting and explains the concepts very well. Would highly recommend this course.

By James Beck

I'm someone who's done basic coding in other languages so this wasn't too technically difficult but managed to focus on the importance of react.

Great course

By Tushar Sikand

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

By Anthony Walker

I think this was a good course to learn how to consume an API with React. It might help to have some React already under your belt since this is not a super detailed course. I'm very comfortable with React and have been using it for several years, but this was still a fun course because of the project. I also extended this app with an actor page and used the API in other ways, so this course sets you up to be able to extend your app, which I like. Nice course, Thomas!

By Sancho

This is a great introduction to React if you want to see how everything works. It's a great course to get started, then I can go back to my other course because I understand what I am doing. It further my understanding and the code is neatly organized. Thanks I really enjoyed it.

By Aldion Ambari

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.

By Ahmed

Awesome Concepts clear

By Permpoon Chaowanaphunphon

Perfect course if you have subtitle

By Panji Asmoro

nice course