Sharing Is Caring:

Build your first React JS Application

Learn the most popular JavaScript framework on the web by building your first React web app

  • Free tutorial
  • Rating: 4.5 out of 54.5 (1,467 ratings)
  • 36,139 students
  • 1hr 58min of on-demand video
  • Created by Quentin Watt
  • English

What you’ll learn

  • React JS
  • JavaScript
  • How to build a React SPA
  • React Router
  • Tailwind CSS (JavaScript configurable CSS)
  • Responsive web application development


  • Basic Javascript knowledge
  • Experience with the command line
  • Visual Studio Code (or alternative)


React JS, built by Facebook is the most popular JavaScript framework. Take a project based approach to learning, by creating your first React Application.

In this course we’ll build a mobile first web application that covers topics such as:

  • Creating a React single page app with npx create-react-app
  • JavaScript configurable CSS
  • Animated components
  • React Router
  • HTTP requests with Axios
  • Creating your own custom hooks for React

Who this course is for:

  • Beginner React JS developers
  • JavaScript developers
  • Anyone who wants to learn modern JavaScript solutions
  • Anyone interested in SPA architecture
  • Developers who want to learn how to build responsive web applications

Show less

Course content

5 sections • 15 lectures • 1h 59m total lengthCollapse all sections

Introduction4 lectures • 26min

  • Creating your first React App07:40
  • Development tools quiz2 questions
  • NPX create react app explained05:14
  • React Components06:58
  • Using State Hooks05:47
Read Also -->   Photoshop Fundamentals

Build a mobile menu5 lectures • 34min

  • Yarn and NPM commands00:23
  • Add Tailwind CSS to your React Application11:18
  • Create a menu component13:19
  • Animate the menu component08:03
  • How to apply what you have learned in this section00:31

React router2 lectures • 17min

  • Managing Routing with React Router16:26
  • How to apply what you have learned in this section00:10

Fetch data from an API3 lectures • 38min

  • Fetching data from an API, and using using route params in React router13:21
  • Showing a CSS loader for HTTP requests and handle errors on failed requests09:26
  • Fetching a list of data15:15
  • Http requests quiz2 questions

Custom React Hooks1 lecture • 6min

  • Create a custom React Hook05:30

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO