امروزه پروژه‌هایی مانند create-react-app و Vue CLI باعث شده‌اند کاربران از پیکربندی دستی webpack خلاص شوند و دیگر نیازی به اعمال تنظیمات مختلف برای شروع پروژه خود نداشته باشند. در عین حال این موضوع نباید شما را از یادگیری webpack (حداقل در سطح متوسط) باز دارد.
ما در این مقاله می‌خواهیم به صورت سریع و فشرده، مهم‌ترین مفاهیم و نکات مربوط به آموزش webpack را بررسی کنیم تا شما نیز بتوانید در صورت نیاز webpack را در پروژه خود پیکربندی کنید.
حتما با مفهوم «ماژول» یا moduleها در جاوااسکریپت آشنا هستید (ماژول‌هایی مانند AMD modules و Common JS و ES modules و غیره). کار webpack این است که یک module bundler است، بدین معنی که تمام ماژول‌ها را گرفته و در یک فایل ادغام میکند.
سطح مقاله: برای مطالعه این مقاله، آشنایی با مفاهیم ساده توسعه وب مانند npm توصیه می.شود اما الزامی نیست. این مقاله هیچ ملزومات دیگری ندارد:
👉 https://www.roxo.ir/webpack-5-in-one-article
💻 #برنامه_نویسی #webpack
🆔 @roxo_ir
ما در این مقاله می‌خواهیم به صورت سریع و فشرده، مهم‌ترین مفاهیم و نکات مربوط به آموزش webpack را بررسی کنیم تا شما نیز بتوانید در صورت نیاز webpack را در پروژه خود پیکربندی کنید.
حتما با مفهوم «ماژول» یا moduleها در جاوااسکریپت آشنا هستید (ماژول‌هایی مانند AMD modules و Common JS و ES modules و غیره). کار webpack این است که یک module bundler است، بدین معنی که تمام ماژول‌ها را گرفته و در یک فایل ادغام میکند.
سطح مقاله: برای مطالعه این مقاله، آشنایی با مفاهیم ساده توسعه وب مانند npm توصیه می.شود اما الزامی نیست. این مقاله هیچ ملزومات دیگری ندارد:
👉 https://www.roxo.ir/webpack-5-in-one-article
💻 #برنامه_نویسی #webpack
🆔 @roxo_ir
⛔️ اشتباهات رایج در هنگام کار با React:
۱. تعداد کامپوننت ناکافی
۲. ویرایش مستقیم state
۳. پاس دادن اعداد به شکل رشته
۴. عدم استفاده از key در کامپوننت های لیست
۵. فراموش کردن ناهمگامی setState
۶. استفاده بیش از حد از Redux
۷. استفاده از God component ها
۸. نداشتن ساختار برای پوشه ها
۹. عدم استفاده از حروف بزرگ در نام کامپوننت
۱۰. نوشتن منطق کاری درون کامپوننت ها
۱۱. عدم استفاده از مسیرهای مطلق
۱۲. ننوشتن unit test
۱۳. عدم استفاده از react dev tool
📃 توضیحات بیشتر درباره‌ی هرکدام از این اشتباهات را در لینک زیر بخوانید:
👉 https://www.roxo.ir/top-10-mistakes-to-avoid-when-using-react
💻 #برنامه_نویسی #ری_اکت
🆔 @roxo_ir
۱. تعداد کامپوننت ناکافی
۲. ویرایش مستقیم state
۳. پاس دادن اعداد به شکل رشته
۴. عدم استفاده از key در کامپوننت های لیست
۵. فراموش کردن ناهمگامی setState
۶. استفاده بیش از حد از Redux
۷. استفاده از God component ها
۸. نداشتن ساختار برای پوشه ها
۹. عدم استفاده از حروف بزرگ در نام کامپوننت
۱۰. نوشتن منطق کاری درون کامپوننت ها
۱۱. عدم استفاده از مسیرهای مطلق
۱۲. ننوشتن unit test
۱۳. عدم استفاده از react dev tool
📃 توضیحات بیشتر درباره‌ی هرکدام از این اشتباهات را در لینک زیر بخوانید:
👉 https://www.roxo.ir/top-10-mistakes-to-avoid-when-using-react
💻 #برنامه_نویسی #ری_اکت
🆔 @roxo_ir
وقتی برنامه جاوا اسکریپتی ما بزرگتر میشود، باید برنامه را به فایل‌های مختلفی تقسیم کنیم. به هرکدام از این فایل‌ها ماژول می‌گوییم زیرا قطعه‌ای از کد را درون خود دارند.
هر ماژول می‌تواند یک کلاس، مجموعه‌ای از توابع، برخی اطلاعات پایگاه داده یا هر بخشی از کد را داشته باشد.
در سال‌های اول استفاده از جاوا اسکریپت هیچ سیستم ماژولی در جاوا اسکریپت وجود نداشت چون اسکریپت‌ها کوچک بودند و نیازی به تقسیم فایل‌ها نبود. اما به مرور جاوا اسکریپت آنقدر پیچیده شد که حالا در یک پروژه چند کتابخانه مورد استفاده قرار می‌گیرد. توسعه‌دهندگان برای حل این مشکل شروع به استفاده از کتابخانه های CommonJS و UMD و AMD کردند.
به مرور این سه ماژول به تاریخ پیوستند و از آنها استفاده نشد. در نهایت ماژولی language-level معرفی شد که ES Modules یا ES6 Modules نام گرفت که همان ماژول امروزی جاوا اسکریپت است.
📃 در این مقاله به بررسی این ماژول معتبر و مدرن می‌پردازیم. در انتهای مقاله نیز چند مثال از ماژول‌های قدیمی برایتان آورده‌ایم:
👉 https://www.roxo.ir/modules-introduction
💻 #جاوااسکریپت #برنامه_نویسی
🆔 @roxo_ir
هر ماژول می‌تواند یک کلاس، مجموعه‌ای از توابع، برخی اطلاعات پایگاه داده یا هر بخشی از کد را داشته باشد.
در سال‌های اول استفاده از جاوا اسکریپت هیچ سیستم ماژولی در جاوا اسکریپت وجود نداشت چون اسکریپت‌ها کوچک بودند و نیازی به تقسیم فایل‌ها نبود. اما به مرور جاوا اسکریپت آنقدر پیچیده شد که حالا در یک پروژه چند کتابخانه مورد استفاده قرار می‌گیرد. توسعه‌دهندگان برای حل این مشکل شروع به استفاده از کتابخانه های CommonJS و UMD و AMD کردند.
به مرور این سه ماژول به تاریخ پیوستند و از آنها استفاده نشد. در نهایت ماژولی language-level معرفی شد که ES Modules یا ES6 Modules نام گرفت که همان ماژول امروزی جاوا اسکریپت است.
📃 در این مقاله به بررسی این ماژول معتبر و مدرن می‌پردازیم. در انتهای مقاله نیز چند مثال از ماژول‌های قدیمی برایتان آورده‌ایم:
👉 https://www.roxo.ir/modules-introduction
💻 #جاوااسکریپت #برنامه_نویسی
🆔 @roxo_ir
داکر (docker) یکی از تکنولوژیهای مدرن و موردنیاز توسعه‌دهندگان است.
تا مدت زیادی برای مجازی‌سازی از ماشینهای مجازی یا Virtual Machines استفاده میشد. ماشینهای مجازی یک سیستم عامل مجازی را درون خود اجرا میکردند و در اختیار شما قرار میدادند.
استفاده از ماشینهای مجازی هزینه سنگینی داشت چون قدرت پردازشی زیادی از سیستم خرج راه‌اندازی و نگهداری یک یا چند سیستم عامل دیگر میشد و سرعت را تا حد زیادی کاهش می‌داد. بنابراین به containerها رسیدیم که بجای سوارکردن یک سیستم عامل دیگر، از مکانیسمهای سطح پایین همان سیستم عامل موجود استفاده میکند. این یعنی containerهایی مانند داکر به کسری از قدرت پردازشی سیستم برای اجرا شدن نیاز دارند و از ماشینهای مجازی بسیار سبک‌تر هستند.
مزیت اصلی داکر اینست که برنامه را بهمراه وابستگیهایش در یک پکیج ایزوله شده قرار میدهد، پس میتوانید برنامه خود را در هر سیستمی راه اندازی کنید. همچنین داکر اجازه میدهد دسترسی کاملی روی منابع سیستم داشته باشید.
📃 در این مقاله به بررسی مقدماتی نصب و استفاده از docker پرداخته‌ایم:
👉 https://www.roxo.ir/docker-installation-and-configuration
🆔 @roxo_ir
تا مدت زیادی برای مجازی‌سازی از ماشینهای مجازی یا Virtual Machines استفاده میشد. ماشینهای مجازی یک سیستم عامل مجازی را درون خود اجرا میکردند و در اختیار شما قرار میدادند.
استفاده از ماشینهای مجازی هزینه سنگینی داشت چون قدرت پردازشی زیادی از سیستم خرج راه‌اندازی و نگهداری یک یا چند سیستم عامل دیگر میشد و سرعت را تا حد زیادی کاهش می‌داد. بنابراین به containerها رسیدیم که بجای سوارکردن یک سیستم عامل دیگر، از مکانیسمهای سطح پایین همان سیستم عامل موجود استفاده میکند. این یعنی containerهایی مانند داکر به کسری از قدرت پردازشی سیستم برای اجرا شدن نیاز دارند و از ماشینهای مجازی بسیار سبک‌تر هستند.
مزیت اصلی داکر اینست که برنامه را بهمراه وابستگیهایش در یک پکیج ایزوله شده قرار میدهد، پس میتوانید برنامه خود را در هر سیستمی راه اندازی کنید. همچنین داکر اجازه میدهد دسترسی کاملی روی منابع سیستم داشته باشید.
📃 در این مقاله به بررسی مقدماتی نصب و استفاده از docker پرداخته‌ایم:
👉 https://www.roxo.ir/docker-installation-and-configuration
🆔 @roxo_ir
21 افزونه‌ی کاربردی مرورگر کروم
همانطور که می دانید در حال حاضر هزاران افزونه‌ی مختلف در فروشگاه افزونه‌ی #گوگل_کروم وجود دارد و بسیاری از آنها هیچ کارایی خاصی ندارند. می‌خواهیم در این مقاله چندین افزونه‌ی بسیار کاربردی مرورگر گوگل کروم را به شما معرفی کنیم که در مسیر توسعه و طراحی به شما کمک بزرگی می‌کنند:
👉 https://www.roxo.ir/chrome-extensions-i-actually-found-useful
🆔 @roxo_ir
همانطور که می دانید در حال حاضر هزاران افزونه‌ی مختلف در فروشگاه افزونه‌ی #گوگل_کروم وجود دارد و بسیاری از آنها هیچ کارایی خاصی ندارند. می‌خواهیم در این مقاله چندین افزونه‌ی بسیار کاربردی مرورگر گوگل کروم را به شما معرفی کنیم که در مسیر توسعه و طراحی به شما کمک بزرگی می‌کنند:
👉 https://www.roxo.ir/chrome-extensions-i-actually-found-useful
🆔 @roxo_ir
پایگاه داده Redis معمولا با جمله in-memory key-value store شناخته میشود و معنی آن این است که redis یک پایگاه داده است که به جای هارد دیسک، روی مموری (RAM سیستم) سوار میشود و داده‌ها را به صورت جفت‌های key-value ذخیره میکند، دقیقا مانند اشیاء در جاوا اسکریپت یا دیکشنری‌ها در پایتون. احتمالا شما نیز متوجه شده‌اید که ذخیره داده‌ها به صورت جفت‌های key-value به معنی عدم وجود schema است. در این سیستم key از نوع رشته و value از هر نوعی است که شما دوست داشته باشید؛ عدد، رشته، JSON و غیره.
مسئله اینجاست که تقریبا تمام پایگاه‌های داده مشهور مانند MySQL و MongoDB داده‌ها را در هارد دیسک ذخیره می‌کنند اما redis اطلاعات را در RAM سیستم شما ذخیره میکند که مشکلات خاص خودش را دارد اما مزیت‌هایی نیز دارد.
📃 در مقاله زیر می‌خواهیم با مفاهیم کلی redis آشنا شویم:
👉 https://www.roxo.ir/familiarity-with-the-main-concepts-of-redis
💻 #برنامه_نویسی #پایگاه_داده #redis
🆔 @roxo_ir
مسئله اینجاست که تقریبا تمام پایگاه‌های داده مشهور مانند MySQL و MongoDB داده‌ها را در هارد دیسک ذخیره می‌کنند اما redis اطلاعات را در RAM سیستم شما ذخیره میکند که مشکلات خاص خودش را دارد اما مزیت‌هایی نیز دارد.
📃 در مقاله زیر می‌خواهیم با مفاهیم کلی redis آشنا شویم:
👉 https://www.roxo.ir/familiarity-with-the-main-concepts-of-redis
💻 #برنامه_نویسی #پایگاه_داده #redis
🆔 @roxo_ir
به نظر شما چه کدی تمیز محسوب میشود؟ فرض کنید شما کدی نوشته‌اید و حالا آن را به من یا یک برنامه‌نویس دیگر می‌دهید. آیا این برنامه‌نویس می‌تواند بدون دردسر اضافی متوجه کدهای شما شود؟
به کدی کد تمیز می‌گوییم که درک آن برای انسان‌ها ساده باشد و از ترفندهای عجیب برای نوشتن آن استفاده نشده باشد. طبیعتاً کد تمیز یک طیف بزرگ است؛ یعنی یک کد شاید تمیز باشد اما هنوز هم می‌تواند تمیزتر شود.
🧼 سری جامع آموزش «کد تمیز» را در روکسو به رایگان بخوانید. این سری شامل 14 درس است:
👉 https://www.roxo.ir/series/writing-clean-code
💻 #برنامه_نویسی
🆔 @roxo_ir
به کدی کد تمیز می‌گوییم که درک آن برای انسان‌ها ساده باشد و از ترفندهای عجیب برای نوشتن آن استفاده نشده باشد. طبیعتاً کد تمیز یک طیف بزرگ است؛ یعنی یک کد شاید تمیز باشد اما هنوز هم می‌تواند تمیزتر شود.
🧼 سری جامع آموزش «کد تمیز» را در روکسو به رایگان بخوانید. این سری شامل 14 درس است:
👉 https://www.roxo.ir/series/writing-clean-code
💻 #برنامه_نویسی
🆔 @roxo_ir
انواع خطا در #جاوا_اسکریپت:
⚠️EvalError:
هنگام استفاده از تابع ()eval رخ می دهد
⚠️InternalError:
هنگامیکه خطایی در موتور جاوا اسکریپت اتفاق میفتد و داده‌ها آنقدر زیاد میشوند که پشته (stack) بیش از حد بزرگ میشود
⚠️RangeError:
زمانیکه عددی خارج از محدوده مجاز خودش باشد
⚠️ReferenceError:
زمانیکه یک ارجاع (reference) به یک متغیر وجود نداشته باشد
⚠️SyntaxError:
زمانیکه موتور جاوا اسکریپت نمیتواند کدهای نوشته شده توسط شما را بخواند. معمولا به دلیل غلط نحوی (syntax) رخ میدهند
⚠️TypeError:
زمانیکه یک متغیر یا پارامتر دارای نوع داده صحیح نباشد. مثلا تابع یک رشته را از ما میخواهد و ما یک عدد را پاس داده ایم
⚠️URIError:
زمانیکه مقدار پاس داده شده به توابع encodeURI یا decodeURI غیرمعتبر باشد
⚠️DOMException:
دسته‌ای از خطای جاوا اسکریپت مربوط به Web API هستند (کار با مرورگرها در جاوا اسکریپت)
⚠️AggregateError:
زمانیکه نیاز باشد چندین خطا به صورت یکجا نمایش داده شوند
📃 جامع‌ترین راهنما درباره‌ی خطاها در جاوا اسکریپت و روش‌های رفع آنها:
👉 https://www.roxo.ir/javascript-error-management-guide
🆔 @roxo_ir
⚠️EvalError:
هنگام استفاده از تابع ()eval رخ می دهد
⚠️InternalError:
هنگامیکه خطایی در موتور جاوا اسکریپت اتفاق میفتد و داده‌ها آنقدر زیاد میشوند که پشته (stack) بیش از حد بزرگ میشود
⚠️RangeError:
زمانیکه عددی خارج از محدوده مجاز خودش باشد
⚠️ReferenceError:
زمانیکه یک ارجاع (reference) به یک متغیر وجود نداشته باشد
⚠️SyntaxError:
زمانیکه موتور جاوا اسکریپت نمیتواند کدهای نوشته شده توسط شما را بخواند. معمولا به دلیل غلط نحوی (syntax) رخ میدهند
⚠️TypeError:
زمانیکه یک متغیر یا پارامتر دارای نوع داده صحیح نباشد. مثلا تابع یک رشته را از ما میخواهد و ما یک عدد را پاس داده ایم
⚠️URIError:
زمانیکه مقدار پاس داده شده به توابع encodeURI یا decodeURI غیرمعتبر باشد
⚠️DOMException:
دسته‌ای از خطای جاوا اسکریپت مربوط به Web API هستند (کار با مرورگرها در جاوا اسکریپت)
⚠️AggregateError:
زمانیکه نیاز باشد چندین خطا به صورت یکجا نمایش داده شوند
📃 جامع‌ترین راهنما درباره‌ی خطاها در جاوا اسکریپت و روش‌های رفع آنها:
👉 https://www.roxo.ir/javascript-error-management-guide
🆔 @roxo_ir
🔹 آیا می‌دانید JavaScript build toolها چه ابزارهایی هستند؟ ابزارهایی که کدهای شما را مدیریت می‌کنند و آنها را از کد development (مرحله توسعه) به کد production (مرحله تولید) می‌رسانند و مسائلی مانند وابستگی‌های برنامه را مدیریت می‌کنند. Vite یکی از این JavaScript build tool هاست.
🔹 در آوریل سال ۲۰۲۰ آقای Evan You (توسعه دهنده Vue.js) به فکر راه‌اندازی سرور توسعه‌ای به نام Vite افتاد. در ابتدا Vite تنها یک سرور توسعه برای کامپوننت‌های تک‌فایلی در Vue.js بود (single file component) اما بعدها توسعه پیدا کرد تا جایی که اکنون یک سرور توسعه برای تمام برنامه‌های جاوا اسکریپتی است.
🔹 ویژگی جالب Vite اینست که پروژه‌ها را bundle نمی‌کند (کدها را در یک فایل ادغام نمی‌کند) بلکه از ماژول‌های ES در جاوا اسکریپت استفاده میکند. این ویژگی، تفاوت اصلی Vite و دیگر سرورهای توسعه است و باعث میشود سرعت Vite بسیار بالا باشد.
📃 در مقاله‌ی زیر با Vite و نحوه‌ی کار آن بیشتر آشنا شوید:
👉 https://www.roxo.ir/what-is-vite
💻 #برنامه_نویسی #جاوا_اسکریپت
🆔 @roxo_ir
🔹 در آوریل سال ۲۰۲۰ آقای Evan You (توسعه دهنده Vue.js) به فکر راه‌اندازی سرور توسعه‌ای به نام Vite افتاد. در ابتدا Vite تنها یک سرور توسعه برای کامپوننت‌های تک‌فایلی در Vue.js بود (single file component) اما بعدها توسعه پیدا کرد تا جایی که اکنون یک سرور توسعه برای تمام برنامه‌های جاوا اسکریپتی است.
🔹 ویژگی جالب Vite اینست که پروژه‌ها را bundle نمی‌کند (کدها را در یک فایل ادغام نمی‌کند) بلکه از ماژول‌های ES در جاوا اسکریپت استفاده میکند. این ویژگی، تفاوت اصلی Vite و دیگر سرورهای توسعه است و باعث میشود سرعت Vite بسیار بالا باشد.
📃 در مقاله‌ی زیر با Vite و نحوه‌ی کار آن بیشتر آشنا شوید:
👉 https://www.roxo.ir/what-is-vite
💻 #برنامه_نویسی #جاوا_اسکریپت
🆔 @roxo_ir
📌 مدل OSI چیست؟
اگر از توسعه‌دهندگان back-end یا مدیران شبکه هستید، آشنایی با مدل OSI از موارد ضروری کار شما محسوب میشود.
مدل OSI مخفف Open Systems Interconnection یا «مدل اتصال متقابل سامانه‌های باز» یک مدل مفهومی از تعاملات شبکه است که توسط سازمان بین‌المللی استانداردسازی تعریف شده و از دهه ۱۹۸۰ به عنوان یک مدل استاندارد مورد قبول تمام سازمان‌های بزرگ قرار گرفته است.
زمانی که سیستم‌های یک شبکه می‌خواهند با یکدیگر اتصال برقرار کنند باید زبان یکدیگر را بفهمند، بنابراین نیاز به یک استاندارد خاص داریم تا تمام سیستم‌ها بر اساس آن با یکدیگر تعامل کنند که همان مدل OSI است. در واقع می‌توان به OSI به عنوان زبان جهانی شبکه نگاه کرد.
📃 درباره مدل OSI بیشتر بخوانید:
👉 https://www.roxo.ir/what-is-osi-model
💻 #برنامه_نویسی #شبکه
🆔 @roxo_ir
اگر از توسعه‌دهندگان back-end یا مدیران شبکه هستید، آشنایی با مدل OSI از موارد ضروری کار شما محسوب میشود.
مدل OSI مخفف Open Systems Interconnection یا «مدل اتصال متقابل سامانه‌های باز» یک مدل مفهومی از تعاملات شبکه است که توسط سازمان بین‌المللی استانداردسازی تعریف شده و از دهه ۱۹۸۰ به عنوان یک مدل استاندارد مورد قبول تمام سازمان‌های بزرگ قرار گرفته است.
زمانی که سیستم‌های یک شبکه می‌خواهند با یکدیگر اتصال برقرار کنند باید زبان یکدیگر را بفهمند، بنابراین نیاز به یک استاندارد خاص داریم تا تمام سیستم‌ها بر اساس آن با یکدیگر تعامل کنند که همان مدل OSI است. در واقع می‌توان به OSI به عنوان زبان جهانی شبکه نگاه کرد.
📃 درباره مدل OSI بیشتر بخوانید:
👉 https://www.roxo.ir/what-is-osi-model
💻 #برنامه_نویسی #شبکه
🆔 @roxo_ir
تصحیح اشتباهات در Git و راهنمای برگرداندن فایل‌ها به نسخه‌ی قبل
تمام توسعه‌دهندگان حرفه‌ای از Git برای مدیریت پروژه‌های خودشان استفاده می‌کنند و در واقع استفاده از Git به یک الزام در دنیای برنامهنویسی تبدیل شده است. در نگاه اول Git برای توسعه‌دهندگان تازه‌کار مانند یک بار اضافه است که هیچ مزیتی نداشته و فقط بار کاری را سنگین‌تر میکند اما اصلا اینطور نیست. حقیقت ماجرا این است که اگر بخواهید یک توسعه‌دهنده حرفه‌ای شده و در شرکتی مشغول به کار شوید، آشنایی با Git یک الزام است و مزیت‌های بی‌نهایتی دارد.
بسیار پیش می‌آید که در هنگام نوشتن کد در پروژه‌ای که با Git مدیریت میشود، اشتباهی را انجام دهید و حالا نیاز دارید این اشتباه را به حالت قبلی خود برگردانید.
📃 مقاله‌ی زیر بصورت جامع و مفصل به آموزش این موضوع پرداخته است:
👉 https://www.roxo.ir/complete-guide-to-correct-errors-in-git
💻 #برنامه_نویسی #Git #گیت
🆔 @roxo_ir
تمام توسعه‌دهندگان حرفه‌ای از Git برای مدیریت پروژه‌های خودشان استفاده می‌کنند و در واقع استفاده از Git به یک الزام در دنیای برنامهنویسی تبدیل شده است. در نگاه اول Git برای توسعه‌دهندگان تازه‌کار مانند یک بار اضافه است که هیچ مزیتی نداشته و فقط بار کاری را سنگین‌تر میکند اما اصلا اینطور نیست. حقیقت ماجرا این است که اگر بخواهید یک توسعه‌دهنده حرفه‌ای شده و در شرکتی مشغول به کار شوید، آشنایی با Git یک الزام است و مزیت‌های بی‌نهایتی دارد.
بسیار پیش می‌آید که در هنگام نوشتن کد در پروژه‌ای که با Git مدیریت میشود، اشتباهی را انجام دهید و حالا نیاز دارید این اشتباه را به حالت قبلی خود برگردانید.
📃 مقاله‌ی زیر بصورت جامع و مفصل به آموزش این موضوع پرداخته است:
👉 https://www.roxo.ir/complete-guide-to-correct-errors-in-git
💻 #برنامه_نویسی #Git #گیت
🆔 @roxo_ir
تایپ اسکریپت در یک مقاله!
یکی از مشکلات افرادی که تایپ اسکریپت را تا حدی یاد گرفته‌اند و یا افرادی که آن را قبلا یاد گرفته بودند اما حالا فراموش کرده‌اند، این است که هیچ منبع خلاصه‌ای برای مرور آن وجود ندارد و معمولا باید برای به‌خاطرآوردن آن یک دوره‌ی کامل را بگذرانند.
📃 این مقاله سعی میکند این مشکل را برطرف کند و تمام مباحث پیشرفته تایپ اسکریپت را به سرعت توضیح دهد:
👉 https://www.roxo.ir/learn-typescript-in-15-minutes
💻 #برنامه_نویسی #تایپ_اسکریپت
🆔 @roxo_ir
یکی از مشکلات افرادی که تایپ اسکریپت را تا حدی یاد گرفته‌اند و یا افرادی که آن را قبلا یاد گرفته بودند اما حالا فراموش کرده‌اند، این است که هیچ منبع خلاصه‌ای برای مرور آن وجود ندارد و معمولا باید برای به‌خاطرآوردن آن یک دوره‌ی کامل را بگذرانند.
📃 این مقاله سعی میکند این مشکل را برطرف کند و تمام مباحث پیشرفته تایپ اسکریپت را به سرعت توضیح دهد:
👉 https://www.roxo.ir/learn-typescript-in-15-minutes
💻 #برنامه_نویسی #تایپ_اسکریپت
🆔 @roxo_ir
بهترین کتابخانه‌های ری اکت
اگر در فضای وب کار کرده باشید حتما نام کتابخانه react را شنیده اید. این کتابخانه یکی از بزرگترین کتابخانه‌های توسعه front-end است و به شما اجازه میدهد صفحات خود را با استفاده از جاوا اسکریپت (به جای HTML) بسازید. معمولا کاربرد اصلی استفاده از react ساخت وب سایت‌های SPA یا Single Page Application است.
معروف‌ترین و بهترین کتابخانه‌های ری اکت عبارتند از:
1. React Query
2. Ant Design
3. Zustand
4. React Bootstrap
5. Material UI
6. React Hook Form
7. Rebass
8. React Router
9. Semantic UI React
10. Redux
11. React Responsive
12. Chakra UI
13. Grommet
14. Fluent UI
15. Evergreen UI
16. SWR
17. Styled Components
18. Enzyme
19. React Virtualized
20. React DnD
21. React Intl
📃 مقاله‌ی بررسی این کتابخانه‌ها را از دست ندهید:
👉 https://www.roxo.ir/react-top-libraries-to-use
💻 #برنامه_نویسی #ری_اکت
🆔 @roxo_ir
اگر در فضای وب کار کرده باشید حتما نام کتابخانه react را شنیده اید. این کتابخانه یکی از بزرگترین کتابخانه‌های توسعه front-end است و به شما اجازه میدهد صفحات خود را با استفاده از جاوا اسکریپت (به جای HTML) بسازید. معمولا کاربرد اصلی استفاده از react ساخت وب سایت‌های SPA یا Single Page Application است.
معروف‌ترین و بهترین کتابخانه‌های ری اکت عبارتند از:
1. React Query
2. Ant Design
3. Zustand
4. React Bootstrap
5. Material UI
6. React Hook Form
7. Rebass
8. React Router
9. Semantic UI React
10. Redux
11. React Responsive
12. Chakra UI
13. Grommet
14. Fluent UI
15. Evergreen UI
16. SWR
17. Styled Components
18. Enzyme
19. React Virtualized
20. React DnD
21. React Intl
📃 مقاله‌ی بررسی این کتابخانه‌ها را از دست ندهید:
👉 https://www.roxo.ir/react-top-libraries-to-use
💻 #برنامه_نویسی #ری_اکت
🆔 @roxo_ir
❤1
اگر با فضای توسعه‌ی وب با جاوااسکریپت آشنا باشید حتما نام npm را شنیده‌اید. npm یک package manager است که بصورت خودکار با نصب node.js برایتان نصب میشود. package manager چیست؟ package manager به معنی «مدیریت کننده پکیج» است. همانطور که می‌دانید ما در جاوااسکریپت به یک بسته کد «پکیج» یا «ماژول» می‌گوییم.
به‌اشتراک‌گذاری کد با استفاده از پکیج‌ها بسیار آسان میشود و در اکوسیستم جاوااسکریپت جا افتاده است. مزایای استفاده از چنین سیستمی عبارتند از:
🔻مدیریت خودکار وابستگی‌های یک پکیج
🔻استفاده بسیار ساده در هنگام نصب پکیج.ها
🔻نصب پکیج‌ها مستقل از اسکریپت اصلی و به صورت محلی
🔻کاهش زمان توسعه
🔹 با این حساب Yarn چیست و چه نقشی در این اکوسیستم دارد؟ Yarn جایگزینی برای npm است. احتمالا می‌پرسید چرا باید به جای npm از yarn استفاده کنیم؟ چون npm معایب خودش را دارد!
📃 این مقاله برای افرادی طراحی شده است که با npm آشنا بوده و حالا می‌خواهند از yarn استفاده کنند:
👉 https://www.roxo.ir/what-is-yarn
💻 #برنامه_نویسی
🆔 @roxo_ir
به‌اشتراک‌گذاری کد با استفاده از پکیج‌ها بسیار آسان میشود و در اکوسیستم جاوااسکریپت جا افتاده است. مزایای استفاده از چنین سیستمی عبارتند از:
🔻مدیریت خودکار وابستگی‌های یک پکیج
🔻استفاده بسیار ساده در هنگام نصب پکیج.ها
🔻نصب پکیج‌ها مستقل از اسکریپت اصلی و به صورت محلی
🔻کاهش زمان توسعه
🔹 با این حساب Yarn چیست و چه نقشی در این اکوسیستم دارد؟ Yarn جایگزینی برای npm است. احتمالا می‌پرسید چرا باید به جای npm از yarn استفاده کنیم؟ چون npm معایب خودش را دارد!
📃 این مقاله برای افرادی طراحی شده است که با npm آشنا بوده و حالا می‌خواهند از yarn استفاده کنند:
👉 https://www.roxo.ir/what-is-yarn
💻 #برنامه_نویسی
🆔 @roxo_ir