Developing Web Applications using ReactJS (Jan 2025)

Name: Developing Web Applications using ReactJS (Jan 2025)
Rating: 4.3 (211 reviews)

Hooks, React-router, Styled-Components, Git hub

Created byProton Expert Systems & Solutions

Last updated 1/2025

English

What you'll learn

Pass the data to components and Create Custom Hooks.
How to use hooks in ReactJS components.
How to Make HTTP requests in ReactJS.
How to Create single page web application using ReactJS.
Use react-router for routing in ReactJS.
Able to handle forms in ReactJS.

Course content

6 sections • 23 lectures • 1h 31m total length

Lesson 1: Introduction to ReactJS4:56
In this lesson, will learn about the Features and advantages of ReactJS and further about JSX.
Practice 1-1: Installing Nodejs1:02
In this practice, we will learn how to install Nodejs in the local system.
Practice 1-2: Setting up the Development Environment1:21
In this practice, we will learn how to set up React environment for creating React applications.
Quiz 1: Quiz on : Introduction to ReactJS

Lesson 2: components in ReactJS12:00
In this lesson, we will learn how to Create components and further learn about components lifecycle methods, styling in ReactJS components, and about its fragments.
Practice 2-1: Create Class and Functional Components in ReactJS4:14
In this practice, we will learn how to create the class component and functional component in ReactJS.
Practice 2-2: Component Lifecycle methods in ReactJS2:25
In this practice, we will learn about the component lifecycle methods and their order of execution in ReactJS.
Practice 2-3: Lists & Keys in ReactJS2:47
In this practice, we will learn how to use lists and keys in ReactJS execution.
Practice 2-4: Conditional rendering in ReactJS2:44
In this practice, we will learn about conditional rendering in ReactJS with different approach.
Practice 2-5: Styling in ReactJS6:03
In this practice, we will learn how to add styles to ReactJS component using CSS in different ways.
Practice 2-6: Exploring on ReactJS Fragments1:31
In this practice, we will learn how to render multiple components using Fragments in ReactJS.
Quiz 2: Quiz on components in ReactJS

Lesson 3: Passing data through props in ReactJS4:26
In this lesson, we will discuss about properties in ReactJS and about the state and setState methods in ReactJS.
Practice 3-1: Passing data through props in ReactJS3:50
In this practice, we will learn how to pass data using props in ReactJS.
Practice 3-2: ReactJS state and setState1:24
In this practice, we will learn about the state and setState in ReactJS.
Quiz 3: Quiz on Passing data through props in ReactJS

Lesson 4: Enhancing Components with Hooks8:28
In this lesson, you’ll have a fair idea about Hooks and importance about Hooks in ReactJS, and their usage with example for each Hook in ReactJS and building custom Hook in ReactJS.
Practice 4-1: ReactJS Hooks7:21
In this practice, we will learn how to use hooks in ReactJS components.
Practice 4-2: Custom hooks in ReactJS3:21
In this practice, we will learn to create custom hooks in ReactJS.
Quiz 4: Quiz on Enhancing Components with Hooks

Lesson 5: Higher order components in ReactJS and working with HTTP methods5:28
In this lesson, we’ll understand about higher order components in ReactJS and make GET & POST requests in ReactJS and we will also learn how to handle forms in ReactJS.
Practice 5-1: Create Higher order components in ReactJS2:49
In this practice, we will learn how to create Higher order components in ReactJS.
practice 5-2: Handling forms and user inputs in ReactJS1:29
In this practice, we will learn how to handle user inputs and forms in ReactJS.
Practice 5-3: Working with HTTP methods in ReactJS2:17
In this practice, we will learn how to make GET requests and POST requests in ReactJS.
Practice 5-4: Working with React Router in ReactJS4:27
In this practice, we will learn to create routes in ReactJS.
Quiz 5: Quiz on Higher order components and HTTP methods

Requirements

Working knowledge on JavaScript
Basic understanding of HTML
Basic understanding of CSS

Description

ReactJS is a free and open-source front-end JavaScript library for building user interfaces based on UI components specifically for single page applications. Design simple views for each state in the application, and ReactJS will efficiently update and render just the right components when the data changes. We have kept the learning curve fairly simple and to anyone with the knowledge of JavaScript and HTML can quickly pick up ReactJS with the help of this course. In this course, you will learn to setup development environment of ReactJS and also learn about JSX. Creating class and functional component in ReactJS, components lifecycle methods in ReactJS, passing data using props in ReactJS, exploring ReactJS fragments, understand working of keys and list in ReactJS, usage of hooks in ReactJS components and rules how to follow with Hooks in ReactJS and managing state in ReactJS components understanding state&setState in ReactJS, knowing difference between state and props in ReactJS. Creating higher order components in ReactJS and creating custom hooks in ReactJS. Handling user inputs in ReactJS and making GET and POST requests in ReactJS. Different ways to style components and conditional rendering the components in ReactJS. Using react-router for routing. Creating reusable components in ReactJS.

Who this course is for:

Frontend developer
Full stack developer
Software developer

Developing Web Applications using ReactJS (Jan 2025)

What you'll learn

Explore related topics

Course content

Introduction to ReactJS3 lectures • 7min

components in ReactJS7 lectures • 32min

Passing data through props in ReactJS3 lectures • 10min

Enhancing Components with Hooks3 lectures • 19min

Higher order components in ReactJS and working with HTTP methods5 lectures • 17min

Project - Creating GitHub Portfolio using ReactJS2 lectures • 7min

Requirements

Description

Who this course is for: