Intro to React- Build a Youtube App 2021

Intro to React: Build a Youtube App 2021, available at $19.99, has an average rating of 4.35, with 70 lectures, based on 128 reviews, and has 29469 subscribers.

You will learn about React JS Dive in React JS Learn how to build single page applications with React JS Create reusable React Components Learn to connect to an external API Routing with React Router create Youtube App while learn React JS Become React Developer Learn components, props, states, custom hooks in React JS User Inputs, Forms and Events in React Using React Portals to render Children Outside the DOM Hierarchy This course is ideal for individuals who are Beginner React Developers. or Anyone who wants to become an React Developer or Anyone who wants to build amazing React single page web applications or Anyone who wants build React JS project or Anyone planning a job transformation and wants to become a React developer It is particularly useful for Beginner React Developers. or Anyone who wants to become an React Developer or Anyone who wants to build amazing React single page web applications or Anyone who wants build React JS project or Anyone planning a job transformation and wants to become a React developer.

Enroll now: Intro to React: Build a Youtube App 2021

Summary

Title: Intro to React: Build a Youtube App 2021

Price: $19.99

Average Rating: 4.35

Number of Lectures: 70

Number of Published Lectures: 69

Number of Curriculum Items: 70

Number of Published Curriculum Objects: 69

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

React JS

Dive in React JS

Learn how to build single page applications with React JS

Create reusable React Components

Learn to connect to an external API

Routing with React Router

create Youtube App while learn React JS

Become React Developer

Learn components, props, states, custom hooks in React JS

User Inputs, Forms and Events in React

Using React Portals to render Children Outside the DOM Hierarchy

Who Should Attend

Beginner React Developers.

Anyone who wants to become an React Developer

Anyone who wants to build amazing React single page web applications

Anyone who wants build React JS project

Anyone planning a job transformation and wants to become a React developer

Target Audiences

Beginner React Developers.

Anyone who wants to become an React Developer

Anyone who wants to build amazing React single page web applications

Anyone who wants build React JS project

Anyone planning a job transformation and wants to become a React developer

Hello there,

Welcome to Intro to React with Youtube App 2021 (Hands-On Project) course.

Learn to build real-world applications using modern React 17! Much more than an intro, you’ll start from the Pure React, getting all the way to using the latest features in React, including hooks, effects, context, and portals. Throughout the course, you’ll piece together tools from the entire React ecosystem (like Reach Router) to build a full application using Youtube API.

Here is the list of what you’ll learnby the end of course,

Pure React : Learn react without any additional library or transpiler.

Props: Learn how data is passed with the help of props.

State: Maintaining data with state.

JSX : Learn React by using JSX.

Tools : learn important tools you must use to react to the ecosystem.

Hooks : Learn about hooks and also create a custom hook.

Function and Class Component : the 2 methods to create components.

Routing: Learn Routing in React.

Error Boundaries : How to have better error management.

Custom Hooks : how to create a custom hook.

API Calls : learn how and where to make API calls

Context : using context for global state management.

Effects: learn why effects are useful and how it causes side-effects.

Portal : create a modal with the help of Portal

Hooks in detail : Learn about all the hooks in react.

React is one of the best choices for building modern web applications. If you are new to React or maybe you’ve been struggling to learn and truly understand what’s going on then this course is the best way for you to learn React JS.

No Previous Knowledge is needed!

You don’t need to have previous knowledge about React. This course will take you from a beginner to a more intermediate level with hands-on example.

You will be confident in using React JS, and if you ever get stuck, we will be there to help.

Learn by doing!

So we have made this course as simple as possible in order to take you through step by step so you can feel confident and get a truly good understanding of how to utilize ReactJS. In this course, we will be teaching React by creating various projects.

At the end of the course

By the end of the course, you will be able to build amazing React single page web applications.

Fresh Content

It’s no secret how technology is advancing at a rapid rate. New tools are released every day, and it’s crucial to stay on top of the latest knowledge for being a better React developer. You will always have up-to-date content for this course at no extra charge.

Video and Audio Production Quality

All our content is created/produced as high-quality video/audio to provide you the best learning experience.

You will be,

Seeing clearly

Hearing clearly

Moving through the course without distractions

You’ll also get:

Lifetime Access to The Course

Fast & Friendly Support in the Q&A section

Udemy Certificate of Completion Ready for Download

Dive in now!

We offer full support, answering any questions.

See you in the class!

Who this course is for:

Beginners who wants to be React developer

Anyone who wants to become an React Developer

Anyone who wants to build amazing React single page web applications

Anyone who wants to learn React JS

This course is perfect for someone who has little knowledge of HTML, CSS and JavaScript. We are not saying that you need to be expert of JavaScript but little concepts like Loops and functions should be familiar to you. If you know ES6 that’s great, if not, don’t worry.

Students who want to learn how to build fast single page web apps

Anyone interested in learning an extremely popular technology used by leading tech companies like Facebook, Instagram and Netflix

Students who want to take their web development skills to the next level and learn a future-proof technology

Also, if you are looking to move in React-Native App development, it would be great for starting with React Js. Once you are familiar with concepts like JSX, props and states, same concepts are applied in React Native too. And moving into React Native would be so easy

Anyone planning a job transformation and wants to become a React developer

Course Curriculum

Chapter 1: Introduction with setup

Lecture 1: Introduction

Lecture 2: Class Speed

Lecture 3: Basic Tools

Chapter 2: Pure React

Lecture 1: Getting started with pure react

Lecture 2: Adding React

Lecture 3: First Component

Lecture 4: Separating App.js

Lecture 5: Multiple Components

Lecture 6: Adding Props

Chapter 3: Tools

Lecture 1: NPM and generating package file

Lecture 2: Prettier

Lecture 3: ESLint

Lecture 4: Parcel Bundler

Lecture 5: Parcel Error

Lecture 6: Importing React

Chapter 4: JSX

Lecture 1: Converting to JSX

Lecture 2: JSX Composite Components and Expressions

Lecture 3: Adding Eslint Config

Chapter 5: Dev Tools

Lecture 1: React Dev Tools

Chapter 6: Basic Hooks

Lecture 1: Creating Search Component

Lecture 2: Setting State with Hooks

Lecture 3: Best Practices for Hooks

Lecture 4: Adding Css

Lecture 5: CSS

Chapter 7: Adding API

Lecture 1: Getting the API Key

Lecture 2: Cleaning for API

Lecture 3: Event Listener

Lecture 4: Axios for API call

Lecture 5: One way data flow

Lecture 6: Storing in Environment Variable

Lecture 7: Rendering Data

Lecture 8: commit information

Chapter 8: Routing

Lecture 1: Reach Router

Chapter 9: Class Components

Lecture 1: Class Components

Lecture 2: Rendering with Component

Lecture 3: Watch Area Addition

Lecture 4: Loading Indicator

Lecture 5: Adding CSS

Chapter 10: Good Practices

Lecture 1: API to new File

Lecture 2: Format Numbers

Lecture 3: Timestamp formatting

Chapter 11: Error Boundaries

Lecture 1: Error Boundaries Intro

Lecture 2: Middleware

Lecture 3: 404 Page Redirect

Chapter 12: Advanced Hooks

Lecture 1: intro

Lecture 2: Adding Dropdown

Lecture 3: Custom Hook

Lecture 4: Using Custom Hook

Lecture 5: Wiring keywords

Lecture 6: useEffect for wiring

Chapter 13: Context

Lecture 1: React Context

Lecture 2: Context with hooks

Lecture 3: Context with Class

Lecture 4: Updating Context

Chapter 14: Portals

Lecture 1: Intro

Lecture 2: Displaying Modal

Lecture 3: Adding Css to Modal

Lecture 4: Loader Changes

Chapter 15: Wrapping Up

Lecture 1: Wrapping Up

Chapter 16: Tales of Hooks [Bonus]

Lecture 1: useState Hook

Lecture 2: useEffect Hook

Lecture 3: useReducer Hook

Lecture 4: useContext Hook

Lecture 5: useRef Hook

Lecture 6: useMemo Hook

Lecture 7: useCallback Hook

Lecture 8: useLayoutEffect Hook

Lecture 9: useImperativeHandle Hook

Lecture 10: useDebugValue Hook

Instructors

CodeMaster Hark
Learning-by-doing

Rating Distribution

1 stars: 4 votes

2 stars: 12 votes

3 stars: 15 votes

4 stars: 34 votes

5 stars: 63 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!