Welcome to intermediate React where we learn all about React.js. In this course we are going to be creating a single page application using React where we use an API to search for movie results.
We will 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 will actually be learning, you will learn about React state, props, function based components (we learned about Class based components in React 101), routers for showing different pages, and API requests.
First we will start off by learning all about functional components. Then we are going to split some of our components into their own files and import them using “the JavaScript way to import”. Then we are going to learn about props, which is how we pass down data from one component to another (including variables and functions). After that we will 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 are 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 are going to implement search using an API and modern JavaScript. I will 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 will be fluent in modern JavaScript, JSX, React and API requests and you will have a fun and advanced project to demo to put on your portfolio.
Oh yeah, we are also going to implement this site using Bootstrap 5.
–
SKILLS YOU WILL GAIN
Learn how to create a number of views, components and React hooks as well.
You’ll also learn about React state, props, function based components, routers for show different. pages, and API requests.
WHAT YOU WILL LEARN
JavaScript.
JSX.
React and API requests.
Create a single page application using React where we use an API to search for movie results.