دسته بندی: React

قلاب های سفارشی در React

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

قلاب useMemo در React

در این بخش به بررسی قلاب useMemo در React می پردازیم، قلاب useMemo یکی از ابزارهای ارائه‌شده توسط React است که در نسخه ۱۶.۸ معرفی شد. هدف اصلی این قلاب جلوگیری از اجرای غیرضروری یک تابع یا محاسبه خاص در هنگام رندر شدن کامپوننت‌هاست

قلاب useCallback در React

در این بخش به بررسی قلاب useCallback در React می پردازیم، useCallback یک قلاب (hook) در React است که برای بازگرداندن یک نسخه ثابت از یک تابع به کار می‌رود

قلاب useReducer در React

در این بخش به بررسی قلاب useReducer در React می پردازیم، قلاب useReducer در React به شما اجازه می‌دهد تا وضعیت و منطق تغییر وضعیت را به صورت ساختارمند مدیریت کنید

قلاب useRef در React

در این بخش به بررسی قلاب useRef در React می پردازیم، قلاب useRef اغلب به عنوان ابزاری برای تعامل مستقیم با DOM شناخته می‌شود، اما کاربردهای آن به این محدود نمی‌شود

قلاب useContext در React

در این بخش به بررسی قلاب useContext در React می پردازیم، قلاب useContext، که از نسخه 16.8 به بعد معرفی شد، به توسعه‌دهندگان این امکان را می‌دهد تا به راحتی داده‌های Context را درون یک کامپوننت مصرف کنند

قلاب useEffect در React

در این بخش به بررسی قلاب useEffect در React می پردازیم، هدف از ارائه‌ی useEffect این است که توسعه‌دهندگان بتوانند کدی که به رخدادهایی خارج از چرخه‌ی رندر مربوط است، مانند درخواست‌های API، تنظیم تایمرها یا پاکسازی منابع، را به سادگی مدیریت کنند

قلاب useState در React

در این بخش به بررسی قلاب useState در React می پردازیم، در میان قلاب‌های مختلف، useState یکی از پرکاربردترین‌هاست که به توسعه‌دهندگان اجازه می‌دهد حالت (State) را در کامپوننت‌های تابعی مدیریت کنند

قلاب ها در React

در این بخش به بررسی قلاب ها در React می پردازیم، قلاب‌ها (Hooks) در کتابخانه‌ی React یکی از نقاط تحول‌ساز در توسعه‌ی رابط کاربری محسوب می‌شوند

استایل دهی در React با Sass

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

استایل دهی در React با CSS

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

معرفی و بررسی React Memo

در این بخش به معرفی و بررسی React Memo می پردازیم، React.memo یک تابع سطح بالا (Higher-Order Component) است که با هدف جلوگیری از رندرهای غیرضروری کامپوننت‌ها معرفی شده است

مدیریت مسیر ها و پارامتر ها در React

در این بخش به بررسی نحوه مدیریت مسیر ها و پارامتر ها در React می پردازیم، ابتدا مفهوم کلی Routing در برنامه‌های تک‌صفحه‌ای (Single Page Applications) را توضیح می‌دهیم و سپس چگونگی پیاده‌سازی آن با استفاده از React Router را گام به گام آموزش می‌دهیم

فرم ها در React

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

لیست ها در React

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

رویداد ها در React

در این بخش به بررسی رویداد ها در React می پردازیم، درک صحیح رویدادها در React برای توسعه‌دهندگان بسیار ضروری است، زیرا بخش بزرگی از تعاملات کاربر با رابط کاربری به کمک آن‌ها مدیریت می‌شود

Props در React

در این بخش به بررسی Props در React می پردازیم، در دنیای توسعه با ری اکت، Props به‌عنوان وسیله‌ای برای ارسال اطلاعات از یک کامپوننت والد به کامپوننت فرزند استفاده می‌شوند

کامپوننت های کلاسی در React

در این بخش به بررسی کامپوننت های کلاسی در React می پردازیم، کامپوننت‌های کلاسی در React از مفهوم کلاس‌ها در زبان JavaScript استفاده می‌کنند که با معرفی آن‌ها در ECMAScript 6 (ES6) محبوبیت یافت

کامپوننت ها در React

در این بخش به بررسی کامپوننت ها در React می پردازیم، Component ها در React به توسعه‌دهندگان کمک می‌کنند تا منطق و ظاهر رابط‌های کاربری را به صورت ماژولار مدیریت کنند

JSX چیست؟

در این بخش به بررسی JSX می پردازیم، JSX چیست؟ در دنیای توسعه وب، رابط‌های کاربری مدرن نیازمند ابزارهایی کارآمد و انعطاف‌پذیر هستند. یکی از فناوری‌هایی که توانسته جایگاه ویژه‌ای در این زمینه پیدا کند، JSX است