React JS Masterclass: De Cero a Preparado para el Trabajo con 10 Proyectos
- Descripción
- Currículum
- Reseñas
Welcome to React JS Masterclass, one single course to start your React journey as a beginner step-by-step. This course touches on each and every important topic through concept explanation, documentation, and implementation. The entire course is designed for beginners with one goal in mind, to learn concepts and build React projects.
Throughout the course, we will explore the most important React topics step-by-step:
-
JSX and components
-
State and props
-
Event handling
-
Built-in hooks (e.g. useState, useEffect, useCallback, useRef)
-
Working with forms, validations, and handling form data.
-
Client-side routing with React Router
-
Work with multiple API and handle data for projects
-
Integrating with other libraries and frameworks (e.g. Redux)
-
Testing and debugging React applications using popular libraries like Jest, RTL and React DevTools.
-
DOM manipulation and manipulating the Virtual DOM
-
Server-side rendering
-
Optimizing the performance of React application
-
Best practices for structuring and organizing React projects
-
Building and deploying production-ready React applications, including code splitting and optimization techniques.
Other Concepts:
-
Building and using advanced Custom Hooks
-
Styling with Tailwind CSS
-
Integrating Context & Reducers
-
Building mock backend with JSON Server & JSON Server Auth
-
Integrating Firebase storage as well as authentication
-
Project deployment on Netlify using Git & Github
-
Integrating external libraries: Toastify & React Skeleton
Why this course?
-
Complete course is focused on the concept learning approach, you learn every concept through a logical and visual learning approach.
-
Learn all important concepts in the simplest possible way with examples and real-life projects.
-
You need HTML, CSS and JavaScript knowledge, we will cover everything about React step-by-step from scratch.
The course is designed for developers who have some experience with JavaScript and web development and want to learn how to build dynamic, responsive user interfaces using React.
——————
After completing this course you will be ready to work as an Intern, Fresher, or Freelancer and you will also be able to implement everything yourself! Most importantly you will have the potential to build, test and deploy your own projects.
Enroll now, I will make sure you learn best about React.
-
5React IntroductionVideo lesson
-
6Environment SetupVideo lesson
-
7Create React AppVideo lesson
-
8React Behind The SceneVideo lesson
-
9React Boilerplate / 005Video lesson
-
10Components: Class & Function Based / 006Video lesson
-
11JSX: In-depth Introduction / 007Video lesson
-
12Practice: Basic Template Structure / 008Video lesson
-
13Why We Need States? / 009Video lesson
-
14State Introduction: useState / 010Video lesson
-
15useState: Multiple Updates / 011Video lesson
-
16useState: Array State Value / 012Video lesson
-
17useState: Array setState Value / 013Video lesson
-
18Conditional Templates / 014Video lesson
-
19Quick Hook Advice / 015Video lesson
-
35JSON Server / 031Video lesson
-
36useEffect Hook / 032Video lesson
-
37React StrictModeVideo lesson
-
38List Output / 035Video lesson
-
39onClick Event / 036Video lesson
-
40useCallback Hook / 037Video lesson
-
41Custom Hook (useFetch) / 038Video lesson
-
42Loading State / 039Video lesson
-
43Handling Errors (try/catch) / 040Video lesson
-
44Aborting Fetch Request / 041Video lesson
-
45Infinite Loops / 042Video lesson
-
46Project Source Code - GithubText lesson
-
47TaskMate DemoVideo lesson
-
48Project StructureVideo lesson
-
49Components / 045Video lesson
-
50State: tasklist & setTasklist / 046Video lesson
-
51Function: Edit & Delete / 047Video lesson
-
52Warning: Undefined Value / 048Video lesson
-
53Update Button / 049Video lesson
-
54Local Storage: Store All Tasks / 050Video lesson
-
55Theme: Change Background / 051Video lesson
-
56Project DeploymentVideo lesson
-
57React Router Introduction / 053Video lesson
-
58React Router Setup / 054Video lesson
-
59Project Structure / 055Video lesson
-
60Navigation / 056Video lesson
-
61Route Parameters / 057Video lesson
-
62No Route Found / 058Video lesson
-
63Nested Routes / 059Video lesson
-
64Project Restructuring / 060Video lesson
-
65Introduction & DemoVideo lesson
-
66Common PropertiesVideo lesson
-
67Hover, Focus, and Other StatesVideo lesson
-
68Responsive DesignVideo lesson
-
69Dark ModeVideo lesson
-
70Custom Configuration / 206Video lesson
-
71Project Demo / 207Video lesson
-
72Header & Hero Section/ 208Video lesson
-
73Footer / 209Video lesson
-
74Responsive Screen & Component Tools / 210Video lesson
