US $19.97
US $69.97

React 201: Intermediate level React.js

——   Created by Kalob Taulien

Share this course:

NEW
Course
25
Lessons
1h 54m
Lesson time
intermediate
Skill level
US $19.97
USD $69.97 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

3 mins
Creating a new React app
free preview
2 mins
Code cleanup
free preview
2 mins
Installing Bootstrap 5
free preview
10 mins
Adding a Navbar component
4 mins
Adding a Home component
2 mins
Adding an About component
2 mins
Installing a React router
6 mins
Using the Browser Router component
4 mins
React based links
4 mins
The Hero component
3 mins
Component props
4 mins
Adding generic content
2 mins
Adding a search component
9 mins
Search component props
8 mins
Binding keyup events
View more lessons +

Reviews

100% of 2 people enjoyed this course!

Mark Dougal liked this class and said...

Loving this course. It's giving me the skills that I thought would take years to learn!

Joseph Livengood liked this class and said...

Loving this course so far.

About the instructor

Kalob Taulien
Kalob Taulien
  • 133 students
  • 38 reviews
  • 38 courses

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 …
Read more
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Project included
  • Direct teacher access
  • 1h 54m of on-demand video
  • 1 downloadable file
  • 2 peers to work with
  • Have a coupon?
  • Checkout