مقایسه AngularJS و ReactJS

https://roocket.ir/articles/compare-angularjs-and-reactjs

توسعه اپلیکیشن های تحت وب، پروسه‌ای پیچیده است. برای مدیریت جریان کاری توسعه اپلیکیشن ها، یک شرکت به ویژگی‌هایی مانند دسترسی پذیری، پشتیبانی تکنیکی درست، کارایی بالا و نبود مشکل و خطا در سینتکس برنامه نیازمند است. این مقاله به منظور مقایسه AngularJS و ReactJS نوشته شده است.

با API جدید React به نام Context آشنا شوید

https://roocket.ir/articles/get-to-know-reacts-new-context-api

در دنیایی پر از محیط های برنامه نویسی گران قیمت، همیشه انتخاب یک عدد از آنها سخت است. آیا می خواهید از Angular معروف استفاده کنید؟ یا وارد شدن به VueJS برای سطح دانش شما مناسب تر است؟

انتقال state میان کامپوننت ها در reactjs

https://roocket.ir/articles/how-to-pass-state-between-components-in-reactjs

در این پست، نحوه انتقال state بین کامپوننت‌های مختلف در React.js را توضیح خواهم داد. ما برنامه ساده‌ای به نام «چند کتاب خواندید؟» می‌سازیم. در اینجا، دو کامپوننت داریم. یک کامپوننت بزرگ به نام «کتابخانه» و یک کامپوننت کوچک‌تر به نام «کتاب». در state کتابخانه، ۳ کتاب داریم و هر کتاب، state خود را دار...

ReactJS ، Angular 5 و Vue.js علیه یکدیگر

https://roocket.ir/articles/reactjs-vs-angular5-vs-vue-js-what-to-choose-in-2018

فریم‌وورک‌های JavaScript با سرعتی بسیار بالایی در حال توسعه هستند، که یعنی امروزه نسخه‌های در حال بروز شدن Angular، ReactJS و بازیکن جدید، یعنی Vue.js را داریم. ما وضعیت‌های مختلف که نیاز به داشتن دانشی در یکی از این فریم‌وورک‌ها بودند را تجزیه و تحلیل کردیم

ReactJS 101 - هر چیزی که باید بدانید

https://roocket.ir/articles/reactjs-101

در طی چند سال اخیر، ممکن است بیشتر و مکررا به ReactJS برخورد کرده باشید. این یک تصادف نیست. از زمانی که این کتابخانه در سال ۲۰۱۳ متن باز شده و منتشر شد، استفاده از React به سرعت در حال افزایش بوده است

۱۰ مورد از بهترین فریمورک‌های رابط کاربری Reactjs

https://roocket.ir/articles/10-best-reactjs-ui-frameworks-for-rapid-prototyping-cit

مشغول جستجو برای پیدا کردن یک سری فریمورک رابط کاربری مبتنی بر ری‌اکت بودم، فریمورک‌هایی که بتوانند ترکیب پذیر باشند و مستقیما بتوانند با پروژه‌های ری‌اکت ارتباط برقرار نمایند. 

25 پروژه متن‌باز برتر Reactjs در سال اخیر

https://roocket.ir/articles/react-js-open-source-for-the-past-year-2018

در این لیست، مجموعه‌ای با دقت برگزیده شده از میان تقریبا 8400 پروژه اوپن سورس را می‌بینید. برای انتخاب این موارد، محبوبیت، تعداد کاربران و جدید بودن آن‌ها کاملا در نظر گرفته شده است. جهت اطلاع بیشتر، میانگین تعداد ستاره‌های آن‌ها 3366 است

مزایای ReactJS و دلایل انتخاب آن برای پروژه‌تان

https://roocket.ir/articles/reactjs-benefits-and-reasons-to-choose-it-for-your-project

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

تفاوت‌های اصلی میان ReactJS و React-Native چه هستند؟

https://roocket.ir/articles/from-reactjs-to-react-native-what-are-the-main-differences-between-both

React Native به مدت دو سال در صحنه حضور داشته است، و از آنجایی که می‌تواند برای اندروید استفاده شود و ما را قادر سازد تا برنامه‌های موبایل میان پلتفرمی بسازیم، تبدیل به پلتفرم بسیار جالبی شده است. همچنین برخی شرکت کنندگان آن، این فریم‌وورک را برای ساخت برنامه‌های دسکتاپ برای Mac و ویندوز سفارشی‌سازی...

پنج شیوه رایج در React، که دیگر مجبور نیستید استفاده کنید

https://roocket.ir/articles/5-common-practices-that-you-can-stop-doing-in-react

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

چرا React تا به این حد محبوب است؟

https://roocket.ir/articles/yes-react-is-taking-over-front-end-development-the-question-is-why

در این مقاله قصد داریم روی محبوبیت ری‌اکت تمرکز کنیم و قصد مقایسه کردن آن با دیگر فریمورک‌ها را نداریم. اگر بخواهیم به صورت سریع دلایلی از محبوبیت ری‌اکت را بیان کنیم می‌توانیم به صورت زیر آن‌ها را لیست نماییم

چگونه از Error Boundaryها در React 16 استفاده کنیم؟

https://roocket.ir/articles/how-to-use-error-boundaries-in-react-16

اگر دارای یک برنامه React هستید، می‌دانید که این نوع پیام‌های خطا می‌توانند یکی از خسته کننده‌ترین و سخت‌ترین ارور‌ها باشند. علائم رایج ‌آن‌ها می‌توانند Stack Traceهایی باشند که در بخش‌های داخلی React وجود دارند، بدون این که هیچ‌گونه اشاره‌ای به حتی یک خط از کد شما داشته باشند

چگونه از Bootstrap به همراه React استفاده کنیم؟

https://roocket.ir/articles/how-to-use-bootstrap-with-react

با محبوبیت روز افزون برنامه‌های تک صفحه‌ای در سال‌های اخیر، تعداد زیادی فریم‌وورک جاوااسکریپت frontend مانند Angular، React، VueJS و Ember پدید آمده‌اند. در نتیجه، استفاده از کتابخانه‌های DOM مانند jQuery دیگر یک ضرورت برای ساخت صفحات وب نیست

۵ ابزار برای توسعه سریع‌تر در ری‌اکت

https://roocket.ir/articles/5-tools-for-faster-development-in-react

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

4 ابزار برای توسعه سریع‌تر در React

https://roocket.ir/articles/4-tools-for-faster-development-in-react

React برای ساخت سریع یک برنامه با یک رابط کاربری تعاملی زیبا، گزینه مناسبی است. کامپوننت‌های React یک راه خوب برای ساخت بلوک‌های جداگانه و قابل استفاده مجدد برای توسعه برنامه‌های مختلف هستند. با استفاده از ابزار مناسب، می‌توانید فرایند توسعه را سریع‌تر کنید؛ که در اینجا ۴ مورد از آن‌ها را خواهید یاف...

ویژگی‌های (prop) رندر React

https://roocket.ir/articles/react-render-props-explained

ویژگی‌های رندر، (Render prop) یک روش تقریبا جدید برای به اشتراک گذاری / استفاده مجدد کد در React است. React router و Downshift کتابخانه‌هایی هستند که از ویژگی‌های رندر استفاده می‌کنند

بهینه‌سازی برنامه‌های React در عمل برای افزایش سرعت

https://roocket.ir/articles/react-is-slow-react-is-fast-optimizing-react-apps-in-practice

React می‌تواند کند باشد. منظورم این است که هر برنامه React با سایز متوسطی می‌تواند کند به نظر بیاید. اما قبل از این که به دنبال جایگزین بگردید، بهتر است بدانید که هر برنامه Angular یا Ember سایز متوسطی هم کند است

راهنمای سریع برای کمک به شما در درک و ساخت برنامه‌های ReactJS

https://roocket.ir/articles/quick-guide-to-understanding-and-creating-reactjs-apps

اولین بخش، نحوه ساخت یک برنامه React ساده با استفاده از create-react-app را نشان داده و ساختار پروژه را شرح می‌دهد.بخش دوم یک قطعه کد که از قبل بر روی گیت‌هاب پست کرده‌ام را شرح می‌دهد. این کد استفاده از کامپوننت‌ها، ارتباط میان کامپوننت‌ها، ارسال فراخوانی‌های HTTP و React Bootstrap (Bootstrap که بر...

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

https://roocket.ir/articles/implementing-smooth-scrolling-in-react

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

با Framer X آشنا شوید: سازنده رابط کاربری React

https://roocket.ir/articles/get-to-know-framer-x-the-react-ui-creator

در این پست، Framer X، ابزار طراحی جدید را بررسی خواهیم کرد و سعی خواهیم کرد که منفعت‌ها و قابلیت‌های آن را درک کنیم