🧑‍💻 تفاوت دو روش Import در ری‌اکت : Named Import vs Default Import

1️⃣ Named Import :

import { useState } from 'react'

🔸این روش زمانی استفاده می‌شود که یک ماژول چندین قابلیت (export) داشته باشد و شما فقط یکی از آن‌ها را نیاز دارید. مثل useState در ری‌اکت.(❌default)

2️⃣ Default Import :

import React from 'react'

🔸این روش زمانی به کار می‌رود که ماژول یک export پیش‌فرض دارد. مثلا React که به عنوان default export وارد می‌شود.

🔸بعضی وقتا همین نکته های به ظاهر کوچیک میتونه خیلی مشکل ساز بشه🤦‍♂️

#React

©️<CodeHub/>

#react

معماری پروژه های ری اکتی که میتونه خیلی به پرفورمنس پروژه کمک کنه و دولوپ رو هم آسون تر کنه.

🔴<CodeHub/>

#react

این کتابخونه‌های React به کارت میاد! (پارت یک) 🚀

1 -🛠 فریم‌ورک‌های React

- اگه می‌خوای یه پروژه React با رندر سمت کاربر (client-rendered) درست کنی، بهترین انتخابت Vite هست که دیگه جاش رو به Create React App داده که قدیمی شده و دیگه استفاده نمی‌شه.

- اگه قصد داری یه پروژه React با رندر سمت سرور یا فول‌استک (full-stack) بسازی، Next.js بهترین و محبوب‌ترین فریم‌ورک فول‌استک برای React هست.

- اگه بعضی از ویژگی‌های Next.js برات سنگین و سخت به نظر میاد، یه جایگزین عالی برای ساخت سایت‌های داینامیک و استاتیک Remix هست.

- حالا اگه دنبال ساخت یه اپلیکیشن هستی که سریع لود بشه و بیشتر محتواش استاتیک باشه، Astro هم یه گزینه خیلی خوبه.

2 - 📦 مدیریت پکیج ها

برای نصب همه کتابخونه‌هایی که تو این راهنما گفته شده، نیاز به یه چیزی به اسم مدیر بسته (Package Manager) داری.‼️

- اگه Node.js رو نصب کرده باشی، که لازمه برای اینکه پروژه React رو روی کامپیوترت اجرا کنی، می‌تونی از NPM استفاده کنی که تو سال ۲۰۲۴ هم هنوز یه انتخاب عالیه. البته جایگزین‌های دیگه‌ای هم برای NPM اومده، مثل Yarn و PNPM.

- جدیدترین جایگزین که تو دنیای جاوا اسکریپت داره سریع محبوب می‌شه، Bun هست. Bun هم یه محیط اجرایی جاوااسکریپته مثل Node و هم یه مدیر بسته، و به عنوان یه جایگزین سریع‌تر برای Node و NPM معرفی شده.

©️<CodeHub/>