React JS for Beginners
/
JavaScript Basics
/
React JS for Beginners

React JS for Beginners

Let's make a reuseable React component system from the HTML & CSS codes you write before. Then add Dark Theme to the Instagram website

Course Introduction ๐Ÿ‘‹

5 min follow โ€ข

featured-image-of-React JS for Beginners

You'll learn



In the course, you'll learn JavaScript and React to make a reusable component system.



Below are the skills you can learn from this course.

  1. Javascript Basics

  2. How to make React Components

  3. My Button Component (Mini Test)



course-introduction-0.png

My First Button Component


Finally, after this course, you'll know how to make a website's content (HTML) and graphics (CSS) in the reusable React component!









You'll create



This course also has a real-world example. Let's rebuild Instagram websites clone using React. It'll let you know how powerful React component system is comparing to HTML & CSS.



Then you'll define each component's dark theme graphic. After completing this Instagram example, you'll know how to put UI graphics, responsive graphics, theme graphics in a single React component.



course-introduction-1.png

Instagram Component System


course-introduction-2.png

Dark Theme + Instagram Component System
Variables
Variables are the most basic and important concept when it comes to writing code. Here, we'll learn how to create and use a variable - which is basically a box that will contain your desired data.
ยฉ 2025 Harbor School - Proudly built with Lighthouse Design System
ยฉ 2025 Harbor School - Proudly built with Lighthouse Design System