React یک کتابخانه جاوااسکریپت متن باز برای ساخت رابط کاربری است که توسط تیم Facebook ایجاد شده است. این کتابخانه برای ساخت و توسعه برنامه‌ های تک‌ صفحه‌ ای وب (Single Page Applications) به‌کار می‌ رود. یکی از ویژگی‌ های منحصر به‌ فرد React این است که از مدل DOM مجازی استفاده می‌ کند. این مدل به React اجازه می‌ دهد که تغییرات در رابط کاربری را  به‌ صورت بهینه و سریع اعمال کند، بدون اینکه نیاز به ایجاد تغییرات مستقیم در DOM واقعی باشد. به‌این ترتیب، کارایی برنامه‌ ها با استفاده از React بهبود می‌ یابد.

React از مفهوم کامپوننت‌ ها به‌عنوان ابزار اصلی برای ساخت رابط کاربری استفاده می‌ کند. کامپوننت‌ ها به‌صورت مستقل و قابل استفاده مجدد طراحی می‌ شوند و می‌ توانند به‌ صورت ترکیبی یا تو در تو در یکدیگر جای‌ گذاری شوند. این امکان به توسعه‌ دهندگان این امکان را می‌ دهد تا برنامه‌ هایی با ساختار قابل توسعه، قابل نگهداری و قابل تست را ایجاد کنند.

به‌طور خلاصه، React با استفاده از مدل DOM مجازی و کامپوننت‌ های قابل استفاده مجدد، امکان ساخت برنامه‌ های تک‌ صفحه‌ ای با کارایی بالا و رابط کاربری پویا را فراهم می‌ کند.

سرفصل ها:
00:00:00 Course Intro
00:01:55 Prerequisites
00:02:43 What is React?
00:04:57 Setting Up the Development Environment
00:06:24 Creating a React App
00:09:17 Project Structure
00:11:20 Creating a React Component
00:16:41 How React Works
00:19:00 React Ecosystem
00:21:04 Building Components
00:21:40 Creating a ListGroup Component
00:27:15 Fragments
00:29:42 Rendering Lists
00:33:11 Conditional Rendering
00:38:36 Handling Events
00:44:43 Managing State
00:50:44 Passing Data Via Props
00:54:42 Passing Functions Via Props
00:58:27 State Vs Props
01:00:00 Passing Children
01:05:04 Inspecting Components with React Dev Tools
01:07:14 Exercise: Building a Button Component
01:14:15 Exercise: Showing an Alert