10 اشتباه توسعه گران AngularJs

AngularJs یکی از مشهورترین فریم ورکهای جاوااسکریپت است که امروزه در دسترس می باشد. یکی از اهداف Angular ساده کردن پروسه پیاده سازی است، که آن رابرای مدل سازی اپلیکیشنهای کوچک، بسیار مناسب می کند، ولی قدرت آن در مقیاس پیاده سازی نرم افزارهایی با قابلیتهای کامل سمت کلاینت می باشد. آمیزه راحتی پیاده سازی ، وسعت قابلیتها و عملکرد، قدرت انتخاب ایجاد کرده است و با قدرت انتخاب هم اشکال های غیر منتظره زیادی به وجود می آید. در پست های بعدی لیستی از اشکالاتی که در زمان تغییر مقیاس برنامه ها به وجود می آید را خواهیم آورد.

1) ساختار پوشه بندی MVC

AngularJs به علت عدم وجود گزینه ای بهتر یک MVC فریم ورک است. مدلها به اندازه ای که در فریم ورک backbone.js تعریف شده اند واضح نیستند، اما الگوی معماری به خوبی رعایت شده است. در زمان کار در یک فریم ورک mvc گروه بندی فایلها بر اساس نوع فایل شان یک روش معمول است:

templates/     _login.html     _feed.html app/     app.js     controllers/         LoginController.js         FeedController.js     directives/         FeedEntryDirective.js     services/         LoginService.js         FeedService.js     filters/         CapatalizeFilter.js

این یک طرح کامل به نظر می رسد به خصوص اگر از پس زمینه Rails آمده باشد. با این حال پس از آنکه برنامه از نظر مقیاس شروع به بزرگ شدن می کند این طرح باعث باز شدن تعداد زیادی پوشه در آن واحد می شود.
صرفنظر استفاده از Sublime, Visual Studio, یا Vim with Nerd Tree زمان زیادی را باید صرف Scroll کردن این پوسه ها نمایید. به جای گروه بندی فایلها براسای نوعشان آنها را براساس کارکردشان گروه بندی کنید:

app/     app.js     Feed/         _feed.html         FeedController.js         FeedEntryDirective.js         FeedService.js     Login/         _login.html         LoginController.js         LoginService.js     Shared/         CapatalizeFilter.js

این ساختار پوشه بندی پیدا کردن فایلهای مرتبط با یک کاردکرد خاص را ساده تر می کند که این خود توسعه سیستم را سرعت می بخشد. ممکن دسته بندی فایلهای .html با .js بحث برانگیز باشد ولی صرفه جویی در زمان با ارزشتر است.