React JS Frontend Web Development for Beginners

Name: React JS Frontend Web Development for Beginners
Rating: 4.4 (8284 reviews)

Learn React JS along with Modern JavaScript from absolute scratch. This course is a getting started guide for beginners.

Created byRyan Dhungel

Last updated 10/2025

English

English [Auto],

What you'll learn

Learn Modern JavaScript
Learn React JS
Learn React Hooks
Learn to work with external API
Learn to make AJAX requests
Build a News App

Course content

4 sections • 32 lectures • 2h 49m total length

Modern JavaScript1:53
NOTE:
ECMAScript (European Computer Manufacturers Association) updates that are released will be one above the last digit of the release year; that is, ES7/2016, ES8/2017, and ES9/2018.
Creating variables using const4:05
Creating variables using let3:47
Template strings5:09
Default parameters3:24
Explore default parameters in JavaScript by defining a function with fallback values, preventing undefined arguments and ensuring reliable calls with or without user input.
Arrow functions5:57
Arrow functions and this keyword10:10
Destructuring object8:13
Destructuring array2:08
Restructuring4:56
Spread and rest operators7:31
Class constructor super14:22

Installing react5:23
React files and folders introduction6:22
Explore the React project structure, focusing on the source and public folders, how ES6 imports pull in React and react-dom, and how App renders via ReactDOM.render with JSX.
Storing data in component state via ajax call10:58
Rendering state data using map5:47
Render user data from state with the map method, displaying each user's cell data and name, and refactor api calls into a separate function with a loading state for maintainability.
Conditional rendering4:17
Apply conditional rendering in React by toggling a loading state before and after an API call, then render the user list when data arrives.
Imports exports props9:35
Handling click events7:39
Destructuring inline styling and keys4:23

React Hooks1:30
Why we used class components?0:50
Counter app using class5:44
useState hook3:48
useEffect hook6:00
News app using hooks6:38
Build a hacker news client with react hooks, manage news with useState and useEffect, fetch data from the hacker news api, and render news items.
Search news on input change5:55
Controlling useEffect's behaviour4:43
Loading3:10
Code Organization4:23
Continue this project0:14

Requirements

Basic knowledge of JavaScript or any other Programming Language

Description

Course Update: Get up and running with React Hooks building a News App

Welcome to learn React JS Frontend Web Development for absolute beginners. In this course you will learn the core fundamentals of React JS and Modern JavaScript so that you can start building lightning fast web apps using React JS.

In this course, you will learn Modern JavaScript and React JS from absolute scratch. you will learn to make AJAX requests to get data from remote API and display into your web application.

So if you are ready to learn React JS, which is one of the most exciting technology of recent time. please enroll into this course. thank you

Who this course is for:

Anyone who wants to learn the Fundamentals of Modern JavaScript
Anyone who wants to learn the Fundamentals of React JS

React JS Frontend Web Development for Beginners

What you'll learn

Explore related topics

Course content

Modern JavaScript12 lectures • 1hr 12min

React JS8 lectures • 54min

React Hooks11 lectures • 43min

Bonus1 lecture • 1min

Requirements

Description

Who this course is for: