React 201: Intermediate level React.js

React 201: Intermediate level React.js

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.

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.

 

Meet Your Teacher

Teacher Profile Image

Kalob Taulien

Web Development Teacher

Teacher

 

 

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 2013 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 system) I try my best to answer EVERY question my students have  I love teaching — it’s definitely one of my natural talents  Also I love goats! (Great conversation starter with me if we ever get to meet in person)Below you can find all my Skillshare courses. The categories go from easiest to hardest, except for the Misc. Coding Courses at the very end.

There are no reviews yet.

Be the first to review “React 201: Intermediate level React.js”

Your email address will not be published. Required fields are marked *

*

Have no product in the cart!