React.Js یک مفهوم برنامه نویسی نوظهور برای توسعه دهندگان است. این زبانی است که کارهای سخت را آسان می کند، اما گاهی اوقات کار آسان را دشوار می کند که با استفاده از جی کوئری ساده یا جاوا اسکریپت اتفاق می افتد. اسناد بسیاری به صورت آنلاین در دسترس هستند که با استفاده از آنها می توانید محیط خود را تنظیم کنید و می توانید کار با React.JS را شروع کنید، اما قبل از شروع کارهای بزرگ، باید اصول اولیه را بدانید. من مقداری React.JS یاد گرفتم و نکاتم را در زیر به اشتراک میگذارم-
- اولین چیزی که باید در مورد آن شفاف باشید این است که React.JS یک چارچوب MVC یا هر نوع چارچوب دیگری نیست. React JS فقط یک کتابخانه است که نماهای شما را نمایش می دهد. اگر شما یک مرد MVC هستید، باید فقط "V" را در ذهن خود داشته باشید - Views، نه چیز دیگری. بنابراین، همیشه این مورد را در نظر داشته باشید، در غیر این صورت، کد واکنش عالی خود را دریافت خواهید کرد.
- نکته دوم، شما باید تمام اجزای خود را روشن کنید. همیشه آنها را کوچک کنید. این ساده و قابل درک است. بنابراین، همیشه اجزای خود را تا حد امکان کوچک کنید.
مثال
در اینجا، من یک چرخ فلک برای بخش Testimonial خود ایجاد کرده ام که یک جزء ساده و کوچک است. <DIV> را می توان تنها با یک عنصر رندر <Slider> استفاده کرد.
- ما باید اجزای عملکردی را بنویسیم. دو نوع برای تعریف اجزای React وجود دارد.
- می توان از کلاس ES6 استفاده کرد که در زیر آورده شده است-
- React.createClass() استفاده می شود که در زیر آورده شده است-
اکنون، بهروزرسانی جدید React 0.14 راههای جدیدی برای تعریف مؤلفهها دارد که در زیر آورده شده است.
- مهمترین چیز این است که ما همیشه باید از propType استفاده کنیم. در زمان توسعه، زمانی که به یک Prop نیاز دارید، خطا نشان میدهد و به نفع شما خواهد بود، زیرا با جلوگیری از اشتباهات احمقانه، اشکالات را تشخیص میدهد. استفاده از isRequired شما را از باگ هایی مانند undefined یا null رها می کند.
به نظر می رسد PropTypes، همانطور که در زیر نشان داده شده است-
- اصلیترین و تنها چیز خاص React JSX است. JSX برای فراخوانی دستی React.createElement کار بیهوده ای است. استفاده از این یک نقطه ضعف به شما می دهد - مقداری پیچیدگی زمان ساخت را اضافه می کند.
این با استفاده از Babel قابل حل خواهد بود.
ویژگیهای ES6 نیز مهم هستند مانند ثابتها، توابع پیکان، آرگومانهای پیشفرض، تخریب ساختار آرایه و شی، عملگرهای گسترش و استراحت، درونیابی رشتهای، تکرارکنندهها و ژنراتورها، یک سیستم ماژول مناسب و غیره
. مدیریت بسته و ما اکنون به طور کامل از جاوا اسکریپت سازگار با buzzword استفاده می کنیم 🙂
- ابزارهای React DEV عالی هستند. میتوانیم جایگزین ماژول داغ را با Webpack راهاندازی کنیم تا به محض اینکه کد خود را ذخیره کنیم و نیازی به بهروزرسانی مرورگر نباشد، صفحه ما بهروزرسانی شود.
- در موارد ذکر شده در بالا، من در مورد دیدگاه های 'V' بحث کرده ام، بنابراین سؤال این است که حالت و منطق خود را در کجا قرار خواهیم داد؟ بنابراین، پاسخ این است که همه ما در مورد Flux می دانیم.
Flux یک سبک برای طراحی برنامه های کاربردی وب است. بنابراین، برای همان مورد، از Redux.JS استفاده خواهیم کرد.
می توانید در مورد Flu x a nd در مورد Redux.JS اطلاعات بیشتری کسب کنید .
بنابراین، این مقاله به شما میگوید که چگونه میتوانید در React شروع کنید. قوانین / ترفندها، نکات را دنبال کنید و React Application خود را ایجاد کنید.