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,545 ratings)
  • 38,723 students
  • 1hr 58min of on-demand video
  • Created by Quentin Watt
  • English

What you’ll learn

Requirements

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

Description

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

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
Read Also -->   How to Sell on Amazon FBA In 2020 | Step by Step [COURSE]

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
Best Wordpress Adblock Detecting Plugin | CHP Adblock