- Hooks, React-router, Styled-Components, Git hub
- Free tutorial
- Rating: 4.4 out of 54.4 (137 ratings)
- 12,253 students
- 2hr of on-demand video
- Created by Proton Expert Systems & Solutions
- 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.
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
Show less
Course content
6 sections • 23 lectures • 1h 59m total lengthCollapse all sections
Introduction to ReactJS3 lectures • 10min
- Lesson 1: Introduction to ReactJS06:25
- Practice 1-1: Installing Nodejs01:43
- Practice 1-2: Setting up the Development Environment02:10
- Quiz 1: Quiz on : Introduction to ReactJS5 questions
components in ReactJS7 lectures • 41min
- Lesson 2: components in ReactJS15:40
- Practice 2-1: Create Class and Functional Components in ReactJS05:30
- Practice 2-2: Component Lifecycle methods in ReactJS03:09
- Practice 2-3: Lists & Keys in ReactJS03:38
- Practice 2-4: Conditional rendering in ReactJS03:33
- Practice 2-5: Styling in ReactJS07:52
- Practice 2-6: Exploring on ReactJS Fragments01:59
- Quiz 2: Quiz on components in ReactJS5 questions
Passing data through props in ReactJS3 lectures • 13min
- Lesson 3: Passing data through props in ReactJS05:49
- Practice 3-1: Passing data through props in ReactJS04:59
- Practice 3-2: ReactJS state and setState01:50
- Quiz 3: Quiz on Passing data through props in ReactJS5 questions
Enhancing Components with Hooks3 lectures • 25min
- Lesson 4: Enhancing Components with Hooks11:02
- Practice 4-1: ReactJS Hooks09:33
- Practice 4-2: Custom hooks in ReactJS04:21
- Quiz 4: Quiz on Enhancing Components with Hooks5 questions
Higher order components in ReactJS and working with HTTP methods5 lectures • 22min
- Lesson 5: Higher order components in ReactJS and working with HTTP methods07:07
- Practice 5-1: Create Higher order components in ReactJS03:39
- practice 5-2: Handling forms and user inputs in ReactJS01:57
- Practice 5-3: Working with HTTP methods in ReactJS02:59
- Practice 5-4: Working with React Router in ReactJS05:48
- Quiz 5: Quiz on Higher order components and HTTP methods5 questions
Project – Creating GitHub Portfolio using ReactJS2 lectures • 9min
- Lesson 6: Project – Creating GitHub Portfolio using ReactJS03:47
- Practice 6-1: Creating GitHub Portfolio using ReactJS05:13