React Hooks Video Player (2021) (Udemy.com)

Use only Functional Components and React Hooks with state and Styled Components to create a React js Video Player

Created by: Thomas Weibenfalk

Produced in 2021

icon
What you will learn

  • React Hooks in stateless functional components
  • Styled Components
  • ES6 Syntax
  • Using Local Storage to persist state
  • Higher Order Components
  • React Router

icon
Quality Score

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

Overall Score : 86 / 100

icon
Course Description

Updated july 2019!

Are you a developer and want to learn about the new React Hooks and Styled Components? Do you want a project oriented real world example? 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.

This is a "code along" style course that is quite fast paced. It will not go deep into hooks and styled components but will provide the basics. Therefore a great way to get started on React Hooks.

What will we do in the course?


We'll build a React Video Player where you can create a list of videos and select from the list. The Video Player can play both Vimeo and YouTube videos and will also persist state in local storage of played videos etc.

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. Hope you enjoy this course as I did creating it.
MAKE SURE TO DOWNLOAD THE STARTER FILES.

In this course you'll learn:

- React Fundamentals with newly announced Hooks
- Stateless Functional Components
- JSX syntax and expressions
- Styled Components ( briefly )
- Higher Order Components (HOC)
- React Router
- Use Create-React-App
- Deploy the finished App
- ES6+ concepts and syntax
- Use Local Storage to keep stateWho this course is for:
  • developers that want to learn about React Hooks and Styled Components

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

Beginner React (2021). Create a Movie Web App

$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.3

21 total reviews

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

By Mattias Brian

Good pace and a great teacher.

By Aniruddha Das

Amazing teacher, keep me updated with more courses in the future !

By Luis Ignacio Seidan

Great course, right to the point.

By Darwin Batres

Nice introduction to React Hooks and we get to see how Thomas applies it in an application that's not a to-do app

By Mauro Suarez

Very good!

By Servio Tulio Reyes Castillo

Easy explanaitions

By Ian Baylis

I think this course is really well done and is a very good beginner course for learning React hooks.

By Javier Gomez

Pretty good content, really cool project.

By Danielle Moss

A very well done course that was straight and to the point. I feel like I understand React Hooks better and will be able to use them in my future projects.

By Wizards Widgetry

I'm learning and it's enjoyable.

By Mark Wybrow

Very well explained & keeps it interesting... Now I will go look at the rest of the hooks & context

Thank you

By Ankit Kumar Sharma

Good like always