React Basics 101 Course

  • Course level: All Levels

About Course

Learn React JS from scratch with hands-on practice assignments and projects.

Description

What is this course about?
The Complete React JS Course  – Basics to Advanced
 this course is a complete guide for React JS. Here, you will learn all the concepts required for becoming a front-end React JS developer. If you are new to web development or a professional developer who’s creating websites with plain old javascript or jQuery, this is your time to learn React JS and take your web development skills to the next level and impress your recruiter or clients.

React JS is gaining rapid popularity. In a very short time, it has become the most widely accepted web development JavaScript library. This is the right time for you to learn and add React JS to your skillset and excel in your career.

This course is designed in a way that anyone can understand the journey from the basics to advanced concepts of React with simple explanations by the instructor along with hands-on assignments and projects.

What Will I Learn?

  • Introduction to what is React and its basic concepts
  • Learn what are the stateful and stateless components and when to use them
  • Working with React Modules, importing and exporting the modules
  • React component lifecycle and different lifecycle methods
  • Creating a proper working structure for a project from scratch which will help maintaining the project for long term
  • Learn what is JSX and how it works behind the scenes
  • Working with function based and class based components
  • Learn in detail about how the render method works
  • Creating dynamic websites with help of re-usable components

Topics for this course

32 Lessons

Full React Tutorial #1 – Introduction

Full React Tutorial #1 – Introduction00:6:07

Full React Tutorial #2 – Creating a React Application

Full React Tutorial #3 – Components & Templates

Full React Tutorial #4 – Dynamic Values in Templates

Full React Tutorial #5 – Multiple Components

Full React Tutorial #6 – Adding Styles

Full React Tutorial #7 – Click Events

Full React Tutorial #8 – Using State (useState hook)

Full React Tutorial #9 – Intro to React Dev Tools

Full React Tutorial #10 – Outputting Lists

Full React Tutorial #11 – Props

Full React Tutorial #12 – Reusing Components

Full React Tutorial #13 – Functions as Props

Full React Tutorial #14 – useEffect Hook (the basics)

Full React Tutorial #15 – useEffect Dependencies

Full React Tutorial #16 – Using JSON Server

Full React Tutorial #17 – Fetching Data with useEffect

Full React Tutorial #18 – Conditional Loading Message

Full React Tutorial #19 – Handling Fetch Errors

Full React Tutorial #20 – Making a Custom Hook

Full React Tutorial #21 – The React Router

Full React Tutorial #22 – Exact Match Routes

Full React Tutorial #23 – Router Links

Full React Tutorial #24 – useEffect Cleanup

Full React Tutorial #25 – Route Parameters

Full React Tutorial #26 – Reusing Custom Hooks

Full React Tutorial #27 – Controlled Inputs (forms)

Full React Tutorial #28 – Submit Events

Full React Tutorial #29 – Making a POST Request

Full React Tutorial #30 – Programmatic Redirects

Full React Tutorial #31 – Deleting Blogs

Full React Tutorial #32 – 404 Pages & Next Steps

25.99

Requirements

  • Good understanding of HTML5, CSS3
  • A good knowledge of Javascript and Modern Javascript - ES6