برنامه نویسی

📚 تجربه من به عنوان یک توسعه دهنده جدید React: چرا اکنون ابتدا می سازم ، بعداً بهینه سازی می کنم

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

اما هنگامی که سعی کردم بلافاصله در طول توسعه این مفاهیم را اعمال کنم ، خودم را پیدا کردم گیج و گیربشر

گیر کردن

من به جای پیشرفت سریعتر ، وقت زیادی را صرف فکر کردن کردم:

  • “آیا باید این منطق را در یک سرویس قرار دهم؟”
  • “آیا باید این را در قلاب سفارشی استخراج کنم؟”
  • “آیا باید قبلاً این مؤلفه را تقسیم کنم؟”

حقیقت این است: خیلی زود بهینه می شدمبشر


💡 آنچه من آموختم: ابتدا بسازید ، سپس refactor

بعد از خواندن مشاوره بیشتر از توسعه دهندگان با تجربه ، فهمیدم که رویکرد بهتر – به ویژه برای مبتدیان یا توسعه دهندگان انفرادی – ساده است:

ابتدا آن را کار کنید. Refactor برای وضوح دوم.

در اینجا گردش کاری که اکنون دنبال می کنم وجود دارد:

مرحله

کاری که من انجام می دهم

1. ساخت سریع (همه چیز درون خطی)

تمرکز خود را بر کارآیی آن کنید. هنوز در مورد ساختار کامل نگران نباشید.

2. Refactor (جدایی نگرانی ها)

پس از کار ، در صورت لزوم به خدمات ، مؤلفه ها و قلاب ها تقسیم می شود.

3. نوع ایمنی و خطای را اضافه کنید

از رابط های TypeScript و خطای مناسب/بارگیری استفاده کنید.

4. کد را لهستانی کنید

پوشه ها را سازماندهی کنید ، نامگذاری را بهبود بخشید و کد بلااستفاده را تمیز کنید.


🛠 مثال واقعی

وقتی شروع کردم ، قبلاً فکر می کردم:

  • آیا باید ایجاد کنم UserService؟
  • آیا باید ایجاد کنم useUsers قلاب؟

حالا ، من فقط کاری انجام می دهم:

useEffect(() => {
  axios.get('/api/users').then(res => setUsers(res.data));
}, []);
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

هنگامی که کار می کند، سپس من دوباره به کد پاک تر مانند:

// useUsers.ts
const useUsers = () => {
  const [users, setUsers] = useState<User[]>([]);
  // Fetch logic here
  return { users };
};

// App.tsx
const { users } = useUsers();
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

خیلی راحت تر!


📦 چرا این کار می کند

  • 🧠 شما از پیچیدگی زودرس جلوگیری می کنید این شما را کند می کند.
  • 🔥 نتایج سریع را می بینید، که انگیزه شما را نگه می دارد.
  • 🎯 شما فقط آنچه را که اثبات شده است بهینه می کنید (خشک – خود را تکرار نکنید).

thoughts افکار نهایی

اگر شما نیز برای واکنش (یا حتی برنامه نویسی به طور کلی) تازه کار هستید ، توصیه من در اینجا است:

در اولین ساخت ، کد تمیز را مجبور نکنید. ابتدا کار کنید سپس آن را زیبا کنید.

اشکالی ندارد که کثیف شود. آنچه اهمیت دارد این است که شما یاد می گیرید ، بهبود می یابید و به جلو حرکت می کنید.

برنامه نویسی مبارک! 🚀

اگر این موضوع را مفید پیدا کردید ، در نظر بگیرید که از کار من حمایت کنید. یک قهوه برای من بخرید.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا