Introduction

What is React?

Companies that use React

-- RESOURCES --

Environment Setup

Vscode setup

JavaScript Refersher - Introduction

Variables - var, let and const

Arrow functions

Ternary operator

Map and Filter

Spread and Rest operator

Destructuring

ES6 Classes - Part 1

ES6 Classes - Part 2

Modules - Import and Exports

Modules - Default Exports

Create a React app

Files and Folder Overview

Hello World App

Files Clean Up

Components

Shortcut For Creating a Component

Creating a Custom Component

Create a Custom Component -  2

Outputting Dynamic Values

Styling in React

Scoping CSS Files

Styling Summary

Props

Setting Default Props

Props Destructuring

Children Props

Rendering a List

Handling Events

Profile App - Intro

Instructions

Untitled item

Profile App 1 - Create React App

Profile App 2 - Create Files And Folder

Profile App 3 - Installing React Icons

Profile App 4 - Global Styles

Profile App 5 - Profile List Jsx And Css

Profile App 6 - Profile JSX

Profile App 6 - Profile Css

Profile App 7 - Add React Icon Context

Profile App 8 - Card Component

Profile App 9 - Create Pofiles Props

Profile App 10 - Mapping Through Profiles

What Are Hooks

What Is State

Hooks Folder Setup

Css Utility Classes Overview

Usestate - Comparative Programming 1

Usestate - Comparative Programming 2

Virtual Dom Vs Real Dom

Counter App JS - Comparative Programming 1

54 Counter App Usestate - Comparative Programming 2

Counter App - State Updater Function

Counter App Usestate - When Not To Use Usestate

Usestate In Array  1

Usestate In Array  2

Usestate In Object

Conditionals  Intro

Conditionals - If Else Statement

Conditionals - Logical And Operator

Conditionals - Ternary Operator

Conditionals - Adding Css Classes Conditionally

Conditionals - Conditionals With Props

General React Project Setup

User Profile App - Demo

User Profile App - JSX

User Profile App - CSS

User Profile App - Logic 1

User Profile App - Logic 2

Animated Login Form - Demo

Animated Login Form - JSX

Animated Login Form - CSS

Animated Login Form - Register Component

Animated Login Form - Reset Component

Animated Login Form - Logic

Animated Login Form - Refactoring Logic

UseEffect Hook - Intro

UseEffect Hook - Basics

UseEffect Hook - Cleanup

Jokes Generator - Demo

Jokes Generator - JSX

Jokes Generator - Logic

Jokes Generator - Fetch Joke On Button Click

Github User List - Demo

Github User List - JSX

Github User List - Fetch Users

Github User List - Loading State

Learn React from the beginning. Build interesting projects. Gain confidence to start applying for jobs...

This comprehensive and interactive online course is designed to take you from a beginner level to an advanced level in React development. Whether you are new to web development or already have some experience, this course is your gateway to mastering React and Redux.
The course is structured in a step-by-step manner, starting with the fundamentals of React. You will learn about components, props, hooks, state, and more. Each concept is explained in detail and accompanied by practical examples and coding exercises. Through hands-on projects, you will gain the confidence to build interesting web applications that are powerful, fast, user-friendly, and reactive.
As you progress, you will dive deeper into React hooks, exploring useState, useEffect, useContext, useReducer, useRef, and even creating your own custom hooks. You will also learn how to use context and reducers to manage global state effectively.
In addition to React, the course covers Redux and Redux Toolkit, essential tools for managing state in larger applications. You will learn how to integrate Redux into your React projects, enabling you to efficiently handle complex data flows and enhance the scalability and maintainability of your applications.
The course goes beyond theory by providing you with ample opportunities to apply your newly acquired knowledge. You will build over 10 projects, allowing you to practice and reinforce your skills in real-world scenarios. One of the highlight projects is building a full-stack eCommerce website using React and Firebase, where you will learn how to handle authentication, product listings, shopping carts, and more.
Furthermore, this course prepares you for the real world by teaching you how to deploy your React applications to platforms like Netlify and Heroku. This valuable skill will enable you to showcase your projects to potential employers and clients.
By the end of this course, you will have a strong foundation in React, Redux, and building robust web applications. You will be equipped with the skills necessary to start applying for jobs and embark on a successful career in web development. Join us on this exciting learning journey and unlock your full potential in React development. Enroll today and take the first step towards becoming a proficient React developer!

Hi, I'm zino.

I'm a web developer who is passionate about teaching and helping people understand the core concepts of web development and other technologies.

I know what it feels like to take a course and still feel a disconnect between what you learnt in the course and what is expected in the real world.

This is why I create practical courses that are based on what is obtainable out there.

Join me in any of my courses and I would be glad to be part of your journey in tech.
Cheers...

Certificate Details

React - Beginner to Advanced (+ Redux & Ecommerce App)

Course Goals

Ewomazino Akpareva