Course Introduction

Get a brief introduction to what you’ll learn in this course.

Course takeaways

This course will help you improve your understanding of React by guiding you through the building of five React-based projects. These projects will demonstrate proof of work on a resume and should increase your chances of landing a job or internship.

Some topics we’ll cover in this course are localStorage, nanoid, useEffect, and API integration, among others.

What’s React?

React is a JavaScript library for building user interfaces. Unlike JavaScript itself, it follows the component-based and declarative approaches. React followed the class-based component approach before React 16.8 was introduced. After version 16.8, though, hooks were introduced. Hooks allow us to use local state and other React features without writing a class.

Note: You’ll still find the class-based components in some legacy code because the class syntax is still not deprecated. However, hooks produce simpler code in React. Therefore, this course will only use hooks for projects.

Check out the official React documentation to learn more about React.


This course assumes an understanding of the ES6 features of JavaScript, such as import, export, map, filter, fetch, async, await, and so on.

  • This includes a basic understanding of HTML, CSS, and JavaScript.
  • This includes basic React knowledge, including the use of hooks such as useState and useEffect.

Note: Because this is a React course, our primary focus will be on the logic of React. So, we won’t focus much on the design or CSS parts of the projects.