React 201: Intermediate level React.js

React 201: Intermediate level React.js

——   Created by Kalob Taulien

Share this course:

NEW
Course
25
Lessons
1h 54m
Lesson time
intermediate
Skill level
$19.97
or $15/mo for unlimited courses
Sign Up

More about this course

Welcome to intermediate React where we learn all about React.js. In this course we're going to be creating a single page application using React where we use an API to search for movie results.

We'll be creating a number of views, components and React hooks as well. Which is a pretty broad overview. If we drill down into what you'll actually be learning, you'll learn about React state, props, function based components (we learned about Class based components in React 101), routers for show different pages, and API requests.

First we'll start off by learning all about functional components. Then we're going to split some of our components into their own files and import them using "the JavaScript way to import". Then we're going to learn about props, which is how we pass down data from one component to another (including variables and functions). After that we'll learn about state hooks in React that come with a magic function to change a variables value, but also trigger another function called an effect, which is another React hook.

Then we're going to add a number of pages so our single page application (SPA) actually has more than one page, with more than one URL.

After that we're going to implement search using an API and modern JavaScript. I'll show you how it all works inside of React, and how to make an API request when the page changes, too.

By the end of this course you'll be fluent in modern JavaScript, JSX, React and API requests and you'll have a fun and advanced project to demo to put on your portfolio. 

Oh yeah, we're also going to implement this site using Bootstrap 5.

Requirements:

  • You need to understand at least intermediate JavaScript
  • You need to have Node.js installed on your computer already 
  • You need to have patience with yourself because React is not an easy subject to learn.

The course project

You will create a full nice looking website using React, React Router and functional components.

25 Lessons

0:02:53
Creating a new React app
free preview
0:01:23
Code cleanup
free preview
0:01:52
Installing Bootstrap 5
free preview
0:09:58
Adding a Navbar component
0:03:38
Adding a Home component
0:01:44
Adding an About component
0:01:40
Installing a React router
0:05:17
Using the Browser Router component
0:03:16
React based links
0:03:44
The Hero component
0:02:39
Component props
0:03:55
Adding generic content
0:01:52
Adding a search component
0:08:48
Search component props
0:07:51
Binding keyup events
View more lessons +
Enroll in this course for $19.97
or $15/mo for unlimited courses

Class benefits

24/7 streaming access
30 day money-back guarantee
Project included
Teacher Q&A
1h 54m of video content
1 downloadable file
2 peers to work with
Have a coupon?

About the instructor

Hi everybody! I'm Kalob Taulien.

Here's the TL;DR (short) version about me:

  • I have been coding since 1999 and teaching people how to code since 2011
  • I have over 350,000 web development students world-wide
  • I'm on the Wagtail CMS core development team (Wagtail is Python's #1 most popular website making …
View full profile

Access unlimited courses for only $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today