10 ابزار، کتابخانه و کامپوننت مفید ری‌اکت

https://roocket.ir/articles/react-components-libraries-tools

ری‌اکت یکی از کتابخانه های قدرتمند جاوااسکریپت است که توسط شرکت فیسبوک برای ساختن رابط‌های کاربری پیچیده طراحی شده است.

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

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

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

ری‌اکت نیتیو یا فلاتر: کدام گزینه مناسب‌تر است؟

https://roocket.ir/articles/react-native-vs-flutter-which-one-to-choose

امروزه توسعه اپلیکیشن‌ها به صورت چند-سکویی یکی از موضوعات بسیار پرطرفدار است. درک چرایی این موضوع نیز بسیار ساده است. شما می‌توانید با استفاده از یک کدبیس هم برای پلتفرم آندروید و هم برای iOS اپلیکیشن تولید کنید. این روند بسیار سریع‌تر از حالت نیتیو خواهد بود

۷ ابزار رابط کاربری برای ری‌اکت نیتیو در ۲۰۱۸

https://roocket.ir/articles/react-native-ui-toolkits

میزان تقاضای کاربران و شرکت‌ها برای داشتن یک اپلیکیشن موبایل هر روز در حال افزایش است و این موضوع را می‌توان به صورت عملی نیز مشاهده نمود.

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

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

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

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، ابزار طراحی جدید را بررسی خواهیم کرد و سعی خواهیم کرد که منفعت‌ها و قابلیت‌های آن را درک کنیم

استفاده از Create React App نسخه 2 و TypeScript

https://roocket.ir/articles/using-create-react-app-v2-and-typescript

حال که Create React App نسخه ۲ منتشر شده است، پشتیبانی TypeScript رسمی هم به همراه آن می‌آید. این یک مسئله هیجان انگیز برای کاربران JavaScript است که از TypeScript استفاده می‌کنند.

با استفاده از React، یک دکمه Toggle سفارشی بسازید

https://roocket.ir/articles/build-a-custom-toggle-switch-with-react

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

مقدمه‌ای سریع بر React State Hook

https://roocket.ir/articles/a-quick-introduction-to-the-react-state-hook

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

با یادگیری این پایه‌ها، سفر خود به دنیای React را آغاز کنید

https://roocket.ir/articles/start-your-journey-into-the-world-of-react-by-learning-these-basics

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

شروع کار با Hookهای React

https://roocket.ir/articles/getting-started-with-react-hooks

React 16 چندین ویژگی جدید را اضافه کرد، که نحوه ساخت وب‌اپلیکیشن‌ها را بهبود بخشیدند. تاثیرگذارترین بروزرسانی، ویژگی Hooks در نسخه 16.8 است. Hookها ما را قادر می‌سازند تا کامپوننت‌های React عملکردی‌ای بنویسیم که state و عوارض جانبی را مدیریت کرده، و کد ما را تمیزتر می‌کنند

ساخت یک برنامه مربوط به دستور پخت غذا با استفاده از Prisma و React

https://roocket.ir/articles/building-a-recipe-app-using-prisma-and-react

در یکی دو سال اخیر، GraphQL با توجه به برتری‌های متنوعی که در زمینه REST دارد، توانسته در صحنه توسعه‌دهی frontend بسیار پیش برود.گرچه، راه‌اندازی یک سرور GraphQL مختص خود چالش برانگیز می‌باشد

چگونه state و propهای React خود را در مرورگر ببینیم؟

https://roocket.ir/articles/how-to-see-your-react-state-props-in-the-browser

اگر در حال ساخت یک وب‌اپلیکیشن با استفاده از React هستید، شاید بخواهید state یا propهای کامپوننت‌ها را به صورت realtime ببینید. در اینجا یک راه حل سریع را برای Chrome و Firefox مشاهده می‌نمایید. در ضمن با توجه به محور این مقاله، شما باید دانشی در زمینه React داشته باشید.

چگونه در React Native یک ویدیو پس‌زمینه بسازیم؟

https://roocket.ir/articles/how-to-create-a-background-video-in-react-native

در این پست، ما یک backgroundVideo را در React Native خواهیم ساخت. اگر به تازگی کار با React Native را شروع کرده‌اید، می‌توانید نگاهی به دوره مربوطه بر روی راکت داشته باشید.

پیاده‌سازی یک لیست اسکرول بی نهایت در React Native

https://roocket.ir/articles/implementing-an-infinite-scroll-list-in-react-native

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