When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

React 201: Intermediate level React. js

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
React 201: Intermediate level React. js

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 56 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About React 201: Intermediate level React. js

Welcome to intermediate React

Creating a new React app

Code cleanup

Installing Bootstrap 5

Adding a Navbar component

Adding a Home component

Adding an About component

Installing a React router

Using the Browser Router component

React based links

The Hero component

Component props

Adding generic content

Adding a search component

Search component props

Binding keyup events

Getting API keys

React based API requests

React browser history

Mapping search results

Bootstrap 5 search Results

Movie detail component

Loading state

Movie component API

Adding a backdrop using CSS

Your project

What You Will Learn?

  • 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:.