React Crash Course: From Zero to Hero
- Description
- Curriculum
- FAQ
- Reviews
Unlock the power of modern web development with our comprehensive React JS course! Perfect for beginners and those looking to enhance their skills, this course will take you from zero to creating dynamic, interactive web applications in no time.
Each section is designed with detailed lectures and hands-on examples to reinforce your learning. By the end of this course, you’ll be equipped with the skills to build and deploy sophisticated React applications.
Don’t miss this opportunity to dive into the world of React JS and elevate your web development expertise!
Enroll today to expand your knowledge!
In this course, we’ll start with setting up a development environment, creating your first application in React and finishing up by managing component states! With our course, you will gain foundational knowledge of how to create React components, share data between components, style React components and more.
Meet your instructor!
Dmytro Vasyliev is a Senior Front-end Engineer with more than 9 years of professional experience in developing web applications. He has been working with various clients around the world and has gained extensive experience with React.
Throughout the course, Dmytro will provide numerous examples; therefore, he prepared some additional materials and quizzes for you to help you learn React.JS easier and faster.
Who is this course for?
-
For everyone who is thrilled to learn about React.JS – the top JavaScript library for web application building
There are no special requirements for taking this course. But it would be helpful if you knew a little bit about JavaScript. But don’t worry if you don’t have this knowledge! Our instructor has prepared a bunch of materials for you to be ready for taking our course!
Our React Crash Course includes:
-
Theory and Practice: 2+ hours of lectures with many examples. Lessons range from 3 to 10 minutes and are easy to follow.
-
Lifetime access to the course and any future updates.
-
Support: If you have any questions, we will always be willing to answer them.
-
Complete the course and receive an Udemy certificate.
What will students discover throughout this course?
-
The core knowledge of React.JS
-
How to set up a development environment
-
React application creation
-
How to create and organize the first React component
-
How to successfully write JSX markup
-
Styling React components
-
How to manage component state using the useState hook
-
And much more.
Do you need to be concerned?
This course comes with a 30-day money-back guarantee.
Join our course today to learn how to build your first application in React!
-
1
Welcome to the CourseThis lesson is an introduction to the course.
-
2
Course Requirements
In this lesson, you will learn what the course requirements are.
-
3
How to Use Code Examples from Github
In this lesson, you are going to learn how to download the code sources for the application and lessons.
-
4
Introduction
This lesson is an introduction to the section.
-
5
What is React
In this lesson, you will learn what is React and some of its key-features such as JSX, Virtual DOM, One-Way Data Flow and Component-Based Architecture.
-
6
Environment Setup
In this lesson, you will start setting up your development environment, everything you need to have to create React application.
-
7
Creating React Application
In this lesson, you will learn how to quickly create a React application that is ready to run out of the box.
-
8
Application Structure
In this lesson, you will learn about files and folders in your React application.
-
9
Cleaning Up Application
In this lesson, you will clean up a bit our React application from not necessary code.
-
10
Developer Tools
In this lesson, you will learn what is browser Developer Tools and how to use it.
-
11
Introduction
This lesson is an introduction to the section.
-
12
Your First Component
In this lesson, you will learn how to create a React component and its naming conventions.
-
13
Importing and Exporting Components
In this lesson, you will learn how to import and export components to keep them in separate files.
-
14
Writing Markup with JSX
In this lesson, you'll learn about the features of the JSX syntax and how to use it to display information.
-
15
Using Variables in JSX
In this lesson, you will learn how to use variables and JavaScript objects inside JSX.
-
16
Introduction
This lesson is an introduction to the section.
-
17
Passing Props to a Component
In this lesson, you will learn how to share data between components using props.
-
18
Component Props Manipulations
In this lesson, you will learn how to manipulate props inside a component.
-
19
Responding to Events
In this lesson, you will learn how to respond to events and how to pass them as prop to children components.
-
20
Rendering List
In this lesson, you will learn how to use the JavaScript array methods to manipulate an array of data in JSX.
-
21
Fragment Component
In this lesson, you will learn what is Fragment components and why they needed.
-
22
Conditional Rendering
In this lesson, you will learn how to dynamically show or hide different elements in your markup based on different conditions.
-
23
Introduction
This lesson is an introduction to the section.
-
24
Using Inline Styles
In this lesson you will learn more about inline styles in JSX markup, their pros and cons.
-
25
Using CSS Files
In this lesson you will learn more about CSS files, how to use it in components, their pros and cons.
-
26
Using CSS Modules
In this lesson you will learn more about CSS modules, how to use it in components, their pros and cons.
-
27
Using Global CSS Styles
In this lesson you will learn more about global CSS styles, their pros and cons.
-
28
Alternative Styling Options
In this lesson, I will give you a quick overview of other styling options such as the SASS preprocessor, Styled Components, and Tailwind CSS.
-
29
Introduction
This lesson is an introduction to the section.
-
30
Component life-cycle and state
In this lesson you will learn what is component life-cycle and component state.
-
31
Component state vs local variables
In this lesson you will learn the difference between component state variables and local variables and when to use them.
-
32
Using useState hook
In this lesson is about one of the most popular React hook - useState.
-
33
Batch updating of useState
-
34
Introduction
This lesson is an introduction to the section.
-
35
Updating Objects in State
In this lesson you will learn how to correctly update objects and nested objects in component state.
-
36
Adding/Deleting items in Array State
In this lesson you will learn how to correctly add and delete items from array state.
-
37
Updating items in Array State
In this lesson you will learn how to correctly update items in array state.
