

React.js Tutorial
آموزش React.js
React.js یکی از فریمورکهای قدرتمند JavaScript است که به منظور ساخت رابطهای کاربری با هدف مواجه شدن با چالش آدرسدهی در توسعه اپلیکیشنهای تکصفحهای ایجاد شده است. این کتابخانه در ابتدا در سال ۲۰۱۰ توسط یکی از مهندسین فعال در فیسبوک به نام «جردن واک» تحت تاثیر XHP که یک کامپوننت HTML برای زبان برنامهنویسی PHP است ساخته و در بخش News Feed شبکه اجتماعی فیسبوک به کار گرفته شد و ۲ سال بعد نیز به اینستاگرام تعمیم پیدا کرد. نکته مهم در کاربرد React JS این است که این کتابخانه صرفا در الگوی طراحی MVC عهدهدار بخش View است. View یا اینترفیس در واقع مرتبط با نمایش اجزا هستند و طبعا React JS به جای پرداختن به الگوی MVC به وظایفی میپردازد که مربوط به نمایش اجزا میپردازد.
آموزش React.js به زبان فارسی
توسط مجموعه آموزش React.js که توسط امیر حسن عظیمی تهیه و تدوین شده است، با این فریمورک قدرتمند جاوا اسکریپت به صورت کامل و با زبانی ساده و روان آشنا خواهید شد.
این سری آموزشی شامل چند بخش مجزا است که عبارتند از:
بخش اول – آموزش پایه React.js (زمان ۲ ساعت و ۲۸ دقیقه)
- ریاکت جیاس چیست؟
- چرا ریاکت اینقدر سریع هست؟
- ابزار کار با ریاکت جیاس
- ترکیب ریاکت جیاس
- معرفی BABEL و JSX
- کار با REACT-TOOLS
- ساخت COMPONENTS
- استفاده از PROPS
- استفاده از EVENTS
- استفاده از STATE
- اضافه کردن STATE
- معرفی REFERENCE
- کار با propTypes
- کار با CHILD ELEMENTS
- بروزرسانی و حذف
- درج یادداشت
- کلیدها (Keys)
- چرخه حیات کامپوننتها
- چرخه حیات توابع
- اتمام نرم افزار روی سرور
بخش دوم – آموزش React.js 2020 (زمان ۷ ساعت و ۵۳ دقیقه)
- معرفی و کار با ریاکت ۱۶
- GSX چیست؟
- استایل در جیاساکس
- فانکشن و متغیر در جیاساکس
- استفاده از آرایه و آبجکت در جیاساکس
- مدارا کردن با ارورها و استفاده از IDE
- چرا از کامپوننتها استفاده میکنیم؟
- سیاساس و ریاکت فرگمنت
- فیکر جیاس و کامپوننت ساده
- ساخت کامپوننت در ریاکت از پایه
- گرفتن و پس کردن پراپز
- آماده کردن کامپوننت والد
- آماده کردن کامپوننت فرزند
- فرق Functional و Class Based
- ساخت اپ جدید
- گرفتن موقعیت کاربر در جاوااسکریپت
- کار با Class Based Component
- کار با States در ریاکت
- استفاده از Conditional Rendering
- معرفی Component Lifecycle
- فرستادن دادهها به کامپوننت دیگر
- استفاده از Ternary Expression
- ریفکتور و تمیزکاری
- سیاساس در ریاکت
- کامپوننت Spinner
- تعریف Default Props
- چگونگی رندر شرطی در ریاکت
- اپ جدید سرچ عکس
- استفاده از Eventها
- المنتهای تحت کنترل
- فرم در ریاکت
- مکالمه با کامپوننت کوچکتر از بزرگتر
- فرق APIهای axios و fetch
- ساخت API با Axios
- رندر کردن لیست
- توضیحی در مورد مپ و جاواسکریپت ۲۰۱۹
- چرا برای المنتهای آرایه به key احتیاج داریم؟
- معرفی سیاساس گرید
- چطور از DOM در ریاکت استفاده کنیم؟
- اتمام اپ در ریاکت جیاس
با عرض سلام و خسته نباشین
تمامی فایل هایی که از شما دانلود کردم بعد از extract شدن به صورت setup.exe در اومدن
حتی این فایل به این صور ت در اومده وبه صورت فیلم نشون نمیده
برای رفع این مشکل به نظر شما بایدد چیکار کرد؟
توضیح بدین ممنون میشم
یا اینکه پسوند اون فیلم هایی که شما آپلود کردین چی هست که من اون پسوند رو روی فیلم هایی که از سایت شما دانلود کردم بذارم شاید این روش هم درست شد!
با تشکر از شما
سلام. بعضی نرم افزارها و آموزش طی دو مرحله فشردن شدن. شما کافیست فایل Setup رو اجرا و فایلهارو در مسیر مورد نظر استخراج کنید.
اگر تو اجرای فیلمها مشکل دارید بسته k-lite codec pack رو نصب کنید.
اون اطلاعاتی که شما دادین رو انجام دادم من جمله نصب K-Lite.Mega.Codec.Pack.15.2.0 اما بازم جواب نداد وقتی setup.exe رو در این پلیر قرار دادم
و همینطور وقتی روش کلیک میکنم چنین چیزی میاد:
the system cannot find the path specefied
لطفا راهی به ذهنتون میرسه بگین ممنون میشم
آقا مشکل حل شد
اشتباه کرد کار من این بود که فایل زیپ رو مستقیم اکسترکت کردم و بعد خواستم اجرا کنم
اما فایل زیپ رو دابل کلیک کردم بدون اینکه اول اکسترکت کنم،،بعدش روی فایل نصب در درون فایل zip دابل کلیک کردم از اونجا رمز خواست و نصب شد..
و خیلیییییییی ممنون بابت آموزش های خوب و عالی ای که قرار دادین و ما رو مدیون خودتون کردین
و برخی همین مشکل رو در نصب داشتن من قبلا کامنت ها رو دیدم با این روش حل میشه که به عرض رسوندم
موفق باشید
اینکه فایل رو مستقیما اکسترکت کردید هم مشکلی نیست ولی فایل Setup اگر در مسیری با آدرس طولانی یا کارکترهای فارسی باشه ممکنه ارور بده. وقتی شما دو بار کلیک می کنید مستقیما میره تو Temp به خاطر همین مشکل حل شده.
ضمن تشکر بابت اموزش ها لطفا فایل ها رو به صورت exe در نیارید تا ما کاربران لینوکسی مجبور به دوباره کاری نباشیم
سلام. ممنون بابت اطلاع رسانی. این کار برای عمده آموزشهای سایت به پیشنهاد کاربران دیگر انجام شده بود. اما یه سری موارد هم از دستمان در رفته. این مورد اصلاح شد. اگر مورد دیگه ای هست یا قبلا دانلود کردید و اطلاع دارید بفرمایید.
سلام
سورس پروژه ایی که تو ویدو کار کردید کجا آپلود کردید؟
تشکر
سلام. می تونید از اینجا بگیرید.
ریکت نیتیو هم بر همین اساس هست؟ یعنی اولا باید ریکیت جی اس یاد بگیریم ؟