Learn React 18 with TypeScript in this comprehensive tutorial for beginners. Dive into the fundamentals of React, including component creation, state management, and props handling. Explore the React ecosystem, project structure, and essential concepts like conditional rendering and event handling. Practice your skills with hands-on exercises, building a button component and implementing alert functionality. Gain insights into React's inner workings and utilize React Dev Tools for efficient component inspection. By the end of this tutorial, you'll have a solid foundation to create awesome frontend applications using React and TypeScript.
Overview
Syllabus
– Course Intro
Prerequisites
What is React?
Setting Up the Development Environment
Creating a React App
Project Structure
Creating a React Component
How React Works
React Ecosystem
Building Components
Creating a ListGroup Component
Fragments
Rendering Lists
Conditional Rendering
Handling Events
Managing State
Passing Data Via Props
Passing Functions Via Props
State Vs Props
Passing Children
Inspecting Components with React Dev Tools
Exercise: Building a Button Component
Exercise: Showing an Alert
Taught by
Programming with Mosh
