آموزش React با استفاده از Vite

به دوره آموزشی React با Vite خوش آمدید! این دوره با بیانی ساده و پروژه‌محور، شما را از سطح مبتدی تا متوسط پیش می‌برد و مفاهیم ضروری برای ساخت اپلیکیشن‌های حرفه‌ای با React  را پوشش می‌دهد.

سرفصل‌های دوره:

معرفی و آماده‌سازی محیط توسعه

معرفی Vite و مقایسه آن با Create React App

نصب ابزرارهای لازم

راه‌اندازی پروژه React با Vite

تنظیم ESLint و Prettier برای کدنویسی استاندارد

جاوا اسکریپت کاربردی در ری‌اکت

مبانی React

آشنایی با کامپوننت‌ها و JSX

کار با State و Props

معرفی هوک‌های پایه (useState, useEffect)

مفاهیم پیشرفته React

هوک‌های کاربردی (useRef, useMemo, useCallback)

مدیریت State با Context API

استایل‌دهی در React

استاییل خطی

CSS معمولی

CSS Modules

Styled-components

Bootstrap

Tailwind CSS

مسیریابی

راه‌اندازی React Router Dom

استفاده از پارامترها  و Query String

کار با فرم‌ها

Formik و React Hook Form

اعتبارسنجی با Yup

ارتباط با API

کار با Axios

پیاده‌سازی CRUD

پروژه عملی

مدیریت کاربران (CRUD)

فیلتر کاربران

سیستم تغییر تم

انتشار پروژه

Build با Vite

Deploy روی GitHub Pages

مخاطبان دوره:

علاقه‌مندان به یادگیری React از پایه

توسعه‌دهندگان جاوااسکریپت

کسانی که می‌خواهند با Vite کار کنند.

پیش‌نیازها:

آشنایی با HTML و CSS

دانش مقدماتی جاوااسکریپت (ES6)

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