React Hooks Video Player [2019]
4.4 (92 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,947 students enrolled

React Hooks Video Player [2019]

Use only Functional Components and React Hooks with state and Styled Components to create a React js Video Player
4.4 (92 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,947 students enrolled
Created by Thomas Weibenfalk
Last updated 7/2019
English
Current price: $31.99 Original price: $49.99 Discount: 36% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • React Hooks in stateless functional components
  • Styled Components
  • ES6 Syntax
  • Using Local Storage to persist state
  • Higher Order Components
  • React Router
Course content
Expand all 15 lectures 01:55:47
+ Styled Components
3 lectures 31:15
Styled Components - Intro and Global Styling
06:18
Styled Components - Component Styling
08:44
Styled Components - Themes and completing the styles
16:13
+ React Hooks
4 lectures 31:42
Preparing our app for Hooks
09:05
Hooks - useState and a little trick
06:52
Hooks - useEffect
08:28
+ Finishing the App
3 lectures 21:12
Creating the callback functions for the Video
12:35
Persisting state in Local Storage
05:10
Deploy and finishing words
03:27
+ BONUS
1 lecture 06:04
BONUS - useCallback with React.memo to reduce re-rendering of components
06:04
Requirements
  • Basic Javascript knowledge
  • Basic Coding knowledge
  • Basic CSS knowledge
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 state

Who this course is for:
  • developers that want to learn about React Hooks and Styled Components