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 را درست در ساختار پوشه ما کمپایل کرده و بنویسند

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

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

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

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

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

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

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

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

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

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، لیستی از کامپوننت‌های فرزند را با هم گروه کنید

با استفاده از 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 برطرف خواهیم کرد

نکات بهینه‌سازی React

https://roocket.ir/articles/react-optimization-tips

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

ساختار پروژه‌های React

https://roocket.ir/articles/react-project-structure-best-practices

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

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

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

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

آینده‌ی فریمورک React Native

https://roocket.ir/articles/future-react-native

فنّاوری با گام‌های توقف‌ناپذیر، روبه‌جلو پیش می‌رود و رشد انفجاری بازار نرم‌افزارهای موبایل در سال‌های اخیر، یکی از بهترین مثال‌ها از سرعت بیرحم نوآوری است، که این روزها توسعه‌دهندگان با آن سروکار دارند. در سال ۲۰۱۵، نرم‌افزارهای جهانی موبایل درآمدی در حدود ۶۹.۷ بیلیون دلار کسب کرده‌اند اما آنها برا...

React Router در ۵‌دقیقه

https://roocket.ir/articles/react-router-in-5-minutes

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

مدیریت State در React

https://roocket.ir/articles/application-state-management-with-react

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

نحوه ایجاد برنامه React

https://roocket.ir/articles/how-to-create-react-application-from-scratch

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

مفهوم setState در React

https://roocket.ir/articles/understanding-react-setstate

کامپوننت (مولفه‌ یا جز) ‌های React اغلب دارای یک state یا همان حالت هستند که این state می‌تواند هر چیزی باشد

React 17 منتشر شد – چه ویژگی‌های جدیدی در React وجود دارد؟

https://roocket.ir/articles/react-17-new-features

React ۱۷ به تازگی منتشر شده و این مقاله آن را با جزییات زیادی پوشش می‌دهد. می‌خواهیم بحث کنیم که چه تغییرات عمده‌ای ایجاد کرده و چگونه به عنوان یک توسعه دهنده React بر شما تأثیر می‌گذارد.

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

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

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

چگونه فراخوانی‌های useEffect در HTTP را به سادگی و با استفاده از RxJS لغو کنیم؟

https://roocket.ir/articles/how-to-easily-cancel-useeffect-http-calls-with-rxjs

حال که Hookهای React به طور رسمی منتشر شده‌اند، الگوهای بیشتری در حال پدیدار شدن بر روی اینترنت هستند.

React چگونه در زیر هود کار می‌کند؟

https://roocket.ir/articles/react-under-the-hood

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