آموزش React
از صفر تا پروژه واقعی
رابطهای کاربری مدرن را با کامپوننت، state و جریان داده قابل پیشبینی بساز.
هشت گام تا ساختن
درسها کوتاهاند، اما سطحی نیستند؛ هر گام روی نتیجه گام قبلی ساخته میشود.
اولین Component و JSX
در این درس، اولین Component و JSX را با یک نمونه کوچک و کاربردی یاد میگیری.
Props و ترکیب Componentها
در این درس، Props و ترکیب Componentها را با یک نمونه کوچک و کاربردی یاد میگیری.
State و رویداد
در این درس، State و رویداد را با یک نمونه کوچک و کاربردی یاد میگیری.
فهرست و شرط در رابط
در این درس، فهرست و شرط در رابط را با یک نمونه کوچک و کاربردی یاد میگیری.
فرم و ورودی کنترلشده
در این درس، فرم و ورودی کنترلشده را با یک نمونه کوچک و کاربردی یاد میگیری.
Effect و دریافت API
در این درس، Effect و دریافت API را با یک نمونه کوچک و کاربردی یاد میگیری.
ساختار، کارایی و آزمون
در این درس، ساختار، کارایی و آزمون را با یک نمونه کوچک و کاربردی یاد میگیری.
پروژه داشبورد عادت
در این درس، پروژه داشبورد عادت را با یک نمونه کوچک و کاربردی یاد میگیری.
داشبورد پیگیری عادت
پروژه را بخشبهبخش در طول درسها میسازی. در پایان فقط یک تمرین پراکنده نداری؛ یک خروجی کامل، توضیحپذیر و قابل انتشار داری.
- تعریف مسئله و نیاز کاربر
- ساخت نسخه اولیه و قابل استفاده
- خطایابی و بهترکردن تجربه
- انتشار و دریافت بازخورد
function Counter() {
const [count, setCount] = useState(0);
return <button onClick={() => setCount(count + 1)}>
تمرینهای انجامشده: {count}
</button>;
}