React Basics 101 Course – Crowncoding.net

About Course

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.

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

Course Content

Full React Tutorial #1 – Introduction

Full React Tutorial #1 – Introduction

06: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

About Course

What Will You Learn?

Course Content

Full React Tutorial #1 – Introduction

Full React Tutorial #1 – Introduction

Full React Tutorial #2 – Creating a React Application

Full React Tutorial #2 – Creating a React Application

Full React Tutorial #3 – Components & Templates

Full React Tutorial #3 – Components & Templates

Full React Tutorial #4 – Dynamic Values in Templates

Full React Tutorial #4 – Dynamic Values in Templates

Full React Tutorial #5 – Multiple Components

Full React Tutorial #5 – Multiple Components

Full React Tutorial #6 – Adding Styles

Full React Tutorial #6 – Adding Styles

Full React Tutorial #7 – Click Events

Full React Tutorial #7 – Click Events

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

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

Full React Tutorial #9 – Intro to React Dev Tools

Full React Tutorial #9 – Intro to React Dev Tools

Full React Tutorial #10 – Outputting Lists

Full React Tutorial #10 – Outputting Lists

Full React Tutorial #11 – Props

Full React Tutorial #11 – Props

Full React Tutorial #12 – Reusing Components

Full React Tutorial #12 – Reusing Components

Full React Tutorial #13 – Functions as Props

Full React Tutorial #13 – Functions as Props

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

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

Full React Tutorial #15 – useEffect Dependencies

Full React Tutorial #15 – useEffect Dependencies

Full React Tutorial #16 – Using JSON Server

Full React Tutorial #16 – Using JSON Server

Full React Tutorial #17 – Fetching Data with useEffect

Full React Tutorial #17 – Fetching Data with useEffect

Full React Tutorial #18 – Conditional Loading Message

Full React Tutorial #18 – Conditional Loading Message

Full React Tutorial #19 – Handling Fetch Errors

Full React Tutorial #19 – Handling Fetch Errors

Full React Tutorial #20 – Making a Custom Hook

Full React Tutorial #20 – Making a Custom Hook

Full React Tutorial #21 – The React Router

Full React Tutorial #21 – The React Router

Full React Tutorial #22 – Exact Match Routes

Full React Tutorial #22 – Exact Match Routes

Full React Tutorial #23 – Router Links

Full React Tutorial #23 – Router Links

Full React Tutorial #24 – useEffect Cleanup

Full React Tutorial #24 – useEffect Cleanup

Full React Tutorial #25 – Route Parameters

Full React Tutorial #25 – Route Parameters

Full React Tutorial #26 – Reusing Custom Hooks

Full React Tutorial #26 – Reusing Custom Hooks

Full React Tutorial #27 – Controlled Inputs (forms)

Full React Tutorial #27 – Controlled Inputs (forms)

Full React Tutorial #28 – Submit Events

Full React Tutorial #28 – Submit Events

Full React Tutorial #29 – Making a POST Request

Full React Tutorial #29 – Making a POST Request

Full React Tutorial #30 – Programmatic Redirects

Full React Tutorial #30 – Programmatic Redirects

Full React Tutorial #31 – Deleting Blogs

Full React Tutorial #31 – Deleting Blogs

Full React Tutorial #32 – 404 Pages & Next Steps

Full React Tutorial #32 – 404 Pages & Next Steps

Quick Links

Company Info

Follow us