نقشه راه برای اینکه به یک توسعه دهنده حرفه‌ای React تبدیل شوید (بخش دوم)

https://roocket.ir/articles/the-2019-react-js-developer-roadmap

به چهار گام نخست در بخش اول این مقاله اشاره شده است. در این بخش گام‌های بعدی مورد نیاز برای تبدیل شدن به یک توسعه دهنده React را بررسی می‌کنیم.

نقشه راه برای اینکه به یک توسعه دهنده حرفه‌ای React تبدیل شوید - بخش اول

https://roocket.ir/articles/the-2019-react-js-developer-roadmap-part-1

React JS یکی از کتابخانه‌های پیشرو در جاوااسکریپت برای توسعه فرانت-اند یا رابط کاربری گرافیکی (GUI) برنامه‌های وب است.

متغیرهای CSS برای توسعه React

https://roocket.ir/articles/css-variables-for-react-devs

خواهیم دید که چگونه می‌توان از CSS در برنامه‌های React خود برای بهبود گردش کار و کارهای بسیار زیبا استفاده کرد.

چرا باید Next.js را به عنوان یک توسعه دهنده React یاد بگیرید

https://roocket.ir/articles/why-you-should-learn-next-js-as-a-react-developer

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

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

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

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

چرا توسعه دهندگان React عاشق Node هستند؟

https://roocket.ir/articles/why-react-developers-love-node

برخی افراد به اشتباه تصور می‌کنند که Node در جهت استفاده از React ضروری است. اما نیست! شما نیازی به Node برای اجرای یک پروژه React ندارید. شما حتی به یک مرورگر هم نیاز ندارید.

۶ دلیل برای توسعه فرانت‌اند با React

https://roocket.ir/articles/reasons-to-choose-react-for-frontend-development

برای معرفی مناسب و صحیح، react یک کتابخانه متن باز جاوااسکریپت است که برای ارتقا فرانت‌اند ساخته شده است و توسط فیسبوک ارائه شده بود. کامپوننت‌های آن به شما این امکان را می‌دهد تا رابط کاربری (UI) با کیفیت بالا برای برنامه‌های وب خود بسازید

چگونه React Native انتخاب برتر توسعه دهندگان برای توسعه برنامه بومی هیبریدی شده است؟

https://roocket.ir/articles/how-react-native-became-top-pick-of-developer-for-hybrid-native-app-development

همانطور که می‌دانیم، React Native یک فریمورک توسعه چند پلتفرمی برای ساخت برنامه‌هایی است که می‌توانند هم در iOS و هم در Android کارآمد عمل کنند.

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

https://roocket.ir/articles/react-native-vs-native-in-mobile-app-development

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

11 اشتباه رایج در طی توسعه برنامه‌های React Native / Redux

https://roocket.ir/articles/11-mistakes-ive-made-during-react-native-redux-app-development

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

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