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

What you will 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.

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.


Get Instant Notification of New Courses on our Telegram channel.


English
language

Content

Introduction to ReactJS

Lesson 1: Introduction to ReactJS
Practice 1-1: Installing Nodejs
Practice 1-2: Setting up the Development Environment
Quiz 1: Quiz on : Introduction to ReactJS

components in ReactJS

Lesson 2: components in ReactJS
Practice 2-1: Create Class and Functional Components in ReactJS
Practice 2-2: Component Lifecycle methods in ReactJS
Practice 2-3: Lists & Keys in ReactJS
Practice 2-4: Conditional rendering in ReactJS
Practice 2-5: Styling in ReactJS
Practice 2-6: Exploring on ReactJS Fragments
Quiz 2: Quiz on components in ReactJS

Passing data through props in ReactJS

Lesson 3: Passing data through props in ReactJS
Practice 3-1: Passing data through props in ReactJS
Practice 3-2: ReactJS state and setState
Quiz 3: Quiz on Passing data through props in ReactJS

Enhancing Components with Hooks

Lesson 4: Enhancing Components with Hooks
Practice 4-1: ReactJS Hooks
Practice 4-2: Custom hooks in ReactJS
Quiz 4: Quiz on Enhancing Components with Hooks

Higher order components in ReactJS and working with HTTP methods

Lesson 5: Higher order components in ReactJS and working with HTTP methods
Practice 5-1: Create Higher order components in ReactJS
practice 5-2: Handling forms and user inputs in ReactJS
Practice 5-3: Working with HTTP methods in ReactJS
Practice 5-4: Working with React Router in ReactJS
Quiz 5: Quiz on Higher order components and HTTP methods

Project – Creating GitHub Portfolio using ReactJS

Lesson 6: Project – Creating GitHub Portfolio using ReactJS
Practice 6-1: Creating GitHub Portfolio using ReactJS