Introduction to React JS

Learn fundamentals of React, covering installation, core concepts like the Virtual DOM, Real DOM, and project setup.

• What React is and its key features.
• How to install the necessary development tools for React.
• The basic file and folder structure of a React application.
• How to set up and run your first React project.
• The difference between the Real and Virtual DOM.
• How to make simple edits to a React application.

Components Fundamentals

Learn how to create, configure, and manage essential UI elements, understand how they communicate, and make them interactive.

• Build reusable UI elements by creating new components and understanding JSX syntax.
• Efficient data flow using props between parent and child components.
• Handle user interactions by binding event handlers within your components.
• Explore the concept of state in both functional components and class components.
• Understand the differences between functional and class-based components.
• Display dynamic lists of data within your React components using array methods.

Working with lists and conditionals

Learn the fundamental techniques for controlling what content appears based on specific conditions and how to display and manage lists of data effectively.

• How to show or hide content based on conditions.
• Handle dynamic content ‘The JavaScript Way’.
• Display lists of items from your data.
• Learn how to update lists efficiently when data changes.
• Explore methods for managing dynamic data within lists.