آموزش ReactJS

ReactJS یک کتابخانه فرانت‌اند قدرتمند برای ساخت رابط‌های کاربری داینامیک و کامپوننت‌ محور است که با جاوااسکریپت، JSX و ES6 کار می‌کند.

ReactJS یک کتابخانه ی جاوا اسکریپت است که می توان از آن جهت ساختن اجزای رابط کاربری با قابلیت استفاده ی مجدد استفاده کرد.مروری بر مطالب ReactJS

در این بخش می خواهیم به چگونگی برپا کردن محیط جهت برنامه نویسی موفق در ری اکت بپردازیم. توجه داشته باشید که برای انجام این کار مراحل زیادی نیاز است، اما این کارها در آینده فرآیند برنامه نویسی را سرعت می بخشند. برپا کردن محیط ReactJS

ReactJS به جای جاوا اسکریپت معمولی جهت قالب بندی از JSX استفاده می کند. اجباری در استفاده از آن وجود نداردJSX در ReactJS

در این بخش می خواهیم به چگونگی ترکیب اجزا بپردازیم، به گونه ای که نگهداری از برنامه آسان تر شود. با استفاده از این روش می توانیم اجزای خود را بدون تحت تأثیر قرار دادن بخش های باقی مانده ی صفحه به روز رسانی کرده و تغییر دهیم.اجزا(Component) در ReactJS

State یا حالت مکانی است که داده ها از آن سرچشمه می گیرند. همواره بهتر است تا حد امکان حالت خود را ساده در نظر بگیریم و تعداد اجزای حالت دار را به حداقل برسانیم. مثلا اگر ده جزء داشته باشیم که داده هایی را از حالتی نیاز دارند، بهتر است یک جزء نگهدارنده را ایجاد کنیم که این حالت را برای تمامی این اجزا نگهداری کند.حالت(State) های ReactJS

تفاوت اصلی بین state و props این است که prop ها تغییر ناپذیر هستند. دلیل این امر این است که جزء نگهدارنده باید حالتی را تعریف کند که بتوان آن را به روز رسانی کرده و تغییر داد. این در حالی است که اجزای فرزند تنها باید داده ها را از حالت با استفاده از props عبور دهند.مروری بر Props مربوط به ReactJS

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

برای این منظور به سه متد setState(),forceUpdate و ReactDom.findDomNode() می پردازیم. در کلاس های جدید ES6 باید این api را به صورت دستی مقید کنیم. در این مثال از this.method.bind(this) استفاده خواهیم کرد. API جزء(API Component) در ReactJS

در این بخش می خواهیم به متدهای چرخه ی عمر اجزا بپردازیم. چرخه ی عمر اجزا(Component Life Cycle) در ReactJS

در این بخش می خواهیم به چگونگی استفاده از فرم ها در ری اکت بپردازیم.فرم ها(Forms) در ReactJS

در این بخش می خواهیم به چگونگی استفاده از رویدادها بپردازیم.رویدادها(Events) مربوط به ReactJS

Ref ها در برگشت دادن مرجعی به عنصر کاربرد دارند. در اغلب مواقع بهتر است از ref ها پرهیز کرد، اما اگر به اندازه گیری DOM و یا به افزودن متدها به اجزا نیاز داریم، ref ها می توانند به ما کمک کنند.Refها مربوط به ReactJS

کلیدهای ReactJS، زمان کار با اجزایی که به صورت پویا ایجاد شده اند و یا در مواقعی که لیست های شما توسط کاربران تغییر داده شده اند، مفید هستند. با تنظیم مقدار key می توانید بعد از تغییرات منحصر به فرد بودن اجزای خود را حفظ کنید.کلیدها(Keys) در ReactJS

در این بخش می خواهیم به چگونگی تنظیم مسیریابی در برنامه بپردازیم.روتر(Router) در ReactJS

Flux یک مفهوم برنامه نویسی بوده که طی آن داده در یک مسیر حرکت می کند. این داده به برنامه وارد شده و تا زمانی که در صفحه نمایش داده شود، در آن به جریان می افتد.مفهوم Flux در ReactJS

در این بخش می خواهیم به چگونگی پیاده سازی الگوی فلاکس در برنامه های ری اکت بپردازیم. برای انجام این کار از فریمورک Redux استفاده می کنیم.استفاده از Flux در ReactJS

در این بخش می خواهیم به چگونگی متحرک کردن عناصر با استفاده از ReactJS بپردازیم.انیمیشن ها(Animation) در ReactJS

اجزای با مرتبه ی بالاتر(Higher Order Components) در ReactJS

در این بخش می خواهیم لیستی از بهترین شیوه ها، روش ها و تکنیک هایی که در برنامه نویسی به ما کمک می کنند را ارائه کنیم.بهترین شیوه ها در ReactJS

همه چیز در مورد ری اکت, ری اکت چیست؟