نحوه استفاده از Redux در برنامه React TypeScript

https://roocket.ir/articles/how-to-use-redux-in-your-react-typescript-app

Redux یک کانتینر قابل پیش‌بینی برای برنامه‌های جاوااسکریپت است. این یک کتابخانه محبوب برای مدیریت state در برنامه‌های React است.

نحوه شروع کار React Native در سال 2020

https://roocket.ir/articles/getting-start-on-react-native-in-2020

در پایان این مقاله شما یک برنامه React Native ایجاد خواهید کرد که هم در آی او اس و هم در دستگاه‌های اندرویدی قابل اجرا باشد.

React + Redux = React + Context

https://roocket.ir/articles/react-redux-react-context

من می‌دانم در حال حاضر بیش‌تر مقالات در این زمینه در این مورد است که آیا Redux را جایگزین Context بکنیم یا نه؟ اگر جواب بله است دلیل آن چیست؟ اما این مقاله با بقیه فرق دارد.

چرا به Context API جدید React نیاز داریم ؟

https://roocket.ir/articles/why-you-should-consider-the-new-context-api-in-react-a-deep-dive

چندین سال پیش، Context API به عنوان یک ویژگی آزمایشی با هشدار «این API در آینده می‌تواند بشکند» معرفی شد. با توجه به این که Context API آزمایشی بود، اکثر توسعه دهندگان به اندازه کافی از آن مطمئن نبودند که بخواهند از آن استفاده کنند

استفاده از Sass در Create React App نسخه ۲

https://roocket.ir/articles/using-sass-in-create-react-app-v2

با انتشار نسخه اخیر Create React App، تعداد زیادی ابزار جدید برای بازی کردن با آن‌ها پیدا کردیم. Sass ابزاری است که من درباره‌اش هیجان زده‌ام؛ زیرا قبلا مجبور بودیم که فایل‌های .scss را به کار بگیریم تا فایل‌های .css را درست در ساختار پوشه ما کمپایل کرده و بنویسند

استفاده از WebAssembly به همراه React

https://roocket.ir/articles/using-webassembly-with-react

WebAssembly (WASM) یک قالب باینری برای کد قابل اجرا در مرورگرها است. در این مقاله، ما یک وب‌اپلیکیشن ساده با استفاده از کتابخانه React خواهیم ساخت، بخشی از کد JavaScript خود را به WASM نوشته و کمپایل خواهیم کرد و سپس آن را به برنامه لینک خواهیم کرد.

۵ راه برای تبدیل کامپوننت‌های کلاس React به کامپوننت‌های تابعی

https://roocket.ir/articles/5-ways-to-convert-react-class-components-to-functional-components-w-react-hooks

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

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

https://roocket.ir/articles/how-to-create-a-three-layer-application-with-react

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

با استفاده از React، CSS Grid و Unsplash، یک گالری تصاویر با اسکرول بی‌نهایت بسازید

https://roocket.ir/articles/build-an-infinite-scroll-image-gallery-with-react-css-grid-and-unsplash-solution-to-code

ما با چالش ساخت یک گالری تصاویر با اسکرول بی نهایت رو به رو هستیم. در این پست، ما این چالش را با استفاده از React.js، یک کتابخانه frontend‌ معروف برای JavaScript، و همچنین CSS Grid برطرف خواهیم کرد

InfernoJS 6.0.0 : یک کتابخانه React برای ساخت رابط‌های کاربری با کارایی بالا

https://roocket.ir/articles/infernojs-v6-0-0-a-react-like-library-for-building-high-performance-user-interfaces-is-now-out

جامعه InfernoJS از انتشار نسخه 6.0.0 این کتابخانه خبر داد. این نسخه، بکارگیری Fragmentها را به همراه دارد که شما با استفاده از آن‌ها می‌توانید بدون اضافه کردن nodeهای اضافی به DOM، لیستی از کامپوننت‌های فرزند را با هم گروه کنید

19 فریمورک برتر کامپوننت رابط کاربری React

https://roocket.ir/articles/19-best-react-ui-component-libraries-and-frameworks

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

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

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

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

5 مورد از بهترین کتابخانه‌های بصری‌سازی React

https://roocket.ir/articles/react-visualization-libraries-in-2019

وقتی با Cube.js کار می‌کنیم، تعداد زیادی از کتابخانه‌های بصری‌سازی مختلف را مشاهده می‌کنیم. این موضوع یک لایه API برای تحلیل روی پایگاه داده SQL فراهم می‌کند و نقشی در زمینهٔ بصری‌سازی ندارد، هر کتابخانه نموداری می‌تواند برای ساخت داشبوردها به کار گرفته شود. 

معرفی JSX

https://roocket.ir/articles/introducing-jsx

این سینتکس تگ، نه یک رشته است، و نه HTML؛ بلکه JSX نام دارد، و در واقع یک افزونه سینتکس برای JavaScript است. ما پیشنهاد می‌کنیم که از آن به همراه React برای تعریف ظاهر رابط کاربری استفاده کنید. JSX ممکن است که یک زبان الگونویسی را به شما یادآوری کند، اما کل قدرت JavaScript را به همراه دارد

7 دلیل برای اینکه چرا React Native آینده ی اپلیکیشن های هیبریدی است

https://roocket.ir/articles/7-reasons-why-react-native-is-the-future-of-hybrid-apps

در دنیای توسعه اپلیکیشن موبایل, ما همیشه دنبال چرخه ی کوتاه تری برای توسعه بودیم, زمان کمتر برای گسترش اپ ها و کارایی بهتر اونها. در دنیای این اپ ها که دو سیستم عامل معروف غلبه دارند باید به یک مصالحه رسید : اپ هایی که تجربه کاربری بهتری فراهم می‌کنند یا اپ هایی  که توسعه سریع‌تری دارند و برای پلتفر...

چه زمانی پروژه شما به React نیاز دارد ؟

https://roocket.ir/articles/project-need-react

مطمئنا می‌دانید چه زمانی به HTML و CSS نیاز دارید، تمام وب برپایه HTML و بخش مهمی از آن CSS است. فکر کردن به اینکه چه زمانی به جاوااسکریپت نیاز خواهید داشت نیز موضوعی ساده است

چگونه در React، کد بهتری بنویسیم؟

https://roocket.ir/articles/how-to-write-better-code-in-react-best-practices

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

قبل از اینکه Redux برنامه شما را نابود کند آن را بهینه کنید

https://roocket.ir/articles/optimize-redux-before-it-kills-your-application

اول از همه ، اجازه دهید نگاهی به نحوه عملکرد یک برنامه React-Redux بیندازیم. آنچه Redux در داخل برنامه انجام می‌دهد ، حافظه‌ای ( store ) را برای state برنامه ما و راه‌های برقراری ارتباط با آن حافظه را در اختیار ما قرار می‌دهد. یکی از این راهها تابع ()connect است

5 پروژه‌ی React که هر کسی نیاز دارد تا در پورتفولیوی خود داشته باشد

https://roocket.ir/articles/5-react-projects-you-need-in-your-portfolio

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