Introduction to React

All about React

Created byStone River eLearning

Last updated 4/2023

English

What you'll learn

Understand the fundamental concepts of React, including components, props, state, and lifecycle methods.
Be able to use JSX to create dynamic and reusable components for building user interfaces.
Know how to manage the state of a React application and handle user events.
Be able to use React Router to create single-page applications with multiple views.
Understand how to use React with third-party libraries and APIs to create dynamic web applications.
Have experience building several projects using React, including a simple todo list, a weather app, and a movie search app.
Know best practices for debugging, testing, and optimizing React applications.
Have the skills to continue learning and exploring React on your own.

Course content

1 section • 8 lectures • 2h 18m total length

Overview1:29
The First Leap17:33
Plunging into the Build26:28
Plunging into the Build Part 214:07
Explore how the build process imports index.css into the JavaScript entry and bundles CSS and images, including inlining small assets as data URLs.
Taking a Breath of ES201520:40
Diving into React19:55
Explore React fundamentals by examining how index.js renders the App component into the root, using JSX as a concise syntax for creating elements and defining components.
Powering Up with State20:15
Streamlining with Properties17:58

Requirements

A basic understanding of HTML, CSS, and JavaScript is necessary to understand the concepts and syntax of React.

Description

The React Fundamentals course is designed to guide beginners through the essential concepts and best practices of building modern web applications with React. Whether you're new to front-end development or looking to expand your skill set, this course offers a structured approach to mastering React and its powerful features.

The journey begins with an overview of React’s core concepts, providing a solid foundation for beginners. From there, learners will take their first leap into building applications with React, understanding the fundamentals of components and JSX. The course then delves deeper into the process of building React apps, breaking it down into manageable steps to ensure a smooth learning experience.

As the course progresses, learners will explore ES2015 (also known as ES6), introducing key JavaScript features that streamline React development, such as arrow functions, destructuring, and modules. This is followed by an in-depth look at React itself, covering component lifecycle, functional components, and hooks—powerful tools for building interactive UIs.

The course also emphasizes state management and properties, providing learners with the tools they need to create dynamic, data-driven applications. By the end of the course, students will be proficient in using React’s state to manage and update data and understand how to use properties to pass data between components efficiently.

By the conclusion, learners will have built the skills necessary to create modern, interactive web applications, setting a strong foundation for more advanced React topics and development techniques.
This course is ideal for beginners in web development or those with basic JavaScript knowledge who want to learn how to build modern, dynamic web applications using React.

Who this course is for:

Web developers who want to learn React and enhance their skills in developing dynamic and responsive web applications.
Front-end developers who want to build modern, scalable and performant user interfaces using React.
Students or learners who want to start their career in web development and want to learn React as a part of their skillset.
Entrepreneurs or product managers who want to gain knowledge about React to communicate more effectively with their development teams.
Anyone who has basic knowledge of HTML, CSS, and JavaScript and wants to learn React to expand their knowledge of web development.