https://virgool.io/feed/@amirhusainmaleki1996 fa 2026-06-07 08:55:44 https://files.virgool.io/upload/users/202691/avatar/HI4Aqr.jpg?height=120&width=120 https://virgool.io/@amirhusainmaleki1996 https://virgool.io/@amirhusainmaleki1996/%D9%88%DB%8C%DA%98%DA%AF%DB%8C-%D9%87%D8%A7%DB%8C-%D8%A7%D9%86%DA%AF%D9%88%D9%84%D8%A7%D8%B1-17-u33whty7cdkw انگولار 17 با تغییرات جذاب و جالبی که حاصل چند سال تست و بازخورد کاربران (توسعه دهندگان) انگولار هستند ارائه شد. ویژگی های که قطعا توسعه دهندگان انگولاری رو خوشحال و شگفت زده میکنه. محوریت این ویژگی ها افزایش سرعت توسعه و build بوده.نماهای معوق، جریان کنترل (control flow) جدید و سیگنال ها (البته این ویژگی از انگولار 16 اضافه شده) ویژگی هایی هستند که قراره با هم بهشون بپردازیم.جریان کنترل جدید (control flow)یک سینتکس جدید برای block template ایجاد شده که توسعه و تجربه توسعه فوق العاده راحت و ساده فهمی را ارائه میکند.دستوراتی مانند if, else, for , ... با سینتکس جدید استفاده میشود.اینcontrol-flow  جدید از  UX research studies توسعه داده شده. هم از نظر سرعت کامپایل و build بهبود داشته و هم توسعه.نماهای معوقبا استفاده از این امکان هر کجا از کد را که بخواهید lazy load کرده و تاثیر چشمگیری روی performance خواهد داشت. نکته جالب این جاست که همه کارها از طریق یک تبدیل زمانِ کامپایل اتفاق می افتد.انگولار تمام پیچیدگی ها را با یافتن کامپوننت ها، دایرکتیو ها و پایپ های مورد استفاده در داخل یک بلوک defer@، ایجاد ایمپورتهای پویا و مدیریت فرآیند لودینگ و سوئیچینگ بین حالت ها، انتزاع می کند.بعنوان مثال شما میتوانید لیستی از موارد را با این کد lazy load کنید: @defer { <comment-list /> } انگولار استفاده از intersection observer با یک deferable view trigger بسیار راحت کرده است. انگولار ابتدا @placeholder را کامپایل میکند.@defer(on viewport) { <comment-list /> } @placeholder{ <!-- a placeholder content to show until comments load --> <img src=&quotcomments-placeholder.png&quot> }همچنین بلاک هایی برای حالت های loading و error وجود دارد:@defer (on viewport) { <comment-list/> } @loading { Loading… } @error { Loading failed :( } @placeholder { <img src=&quotcomments-placeholder.png&quot> }نماهای معوق همچنین امکان واکشی اولیه وابستگی ها را قبل از رندر کردن آنها فراهم می کند. افزودن واکشی اولیه به سادگی افزودن یک دستور prefetch به بلوک defer است و از همه محرک‌های مشابه پشتیبانی می‌کند.@defer (on viewport; prefetch on idle) { <comment-list /> } amirhusainmaleki1996 amirhusainmaleki1996 Sun, 28 Jan 2024 17:46:07 +0330 https://virgool.io/codenevis/%D8%A7%D9%86%DA%AF%D9%88%D9%84%D8%A7%D8%B1-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%B4%D9%85%D8%A7%D8%B1%D9%87-%DB%B1%DB%B7-jes77uwmahm6 بعد از ۵ سال تجربه کار با انگولار، مخصوصا پروژه های enterprise بزرگ مقیاس که با اکثر چالش های انگولاری دست و پنجه نرم کردم، این نسخه جذاب ۱۷ خستگی های چند سال کار رو از تنم برد. ویژگی نماهای معوقش برای ساخت نماهای پویا و سریع ویژگی فوق العاده سیگنال، که میشه معماری های تمیز تر و قابل نگهداری تری رو پیاده کرد. جریان کنترل یا control flow جدیدش که حرف ندارهو ... از این ویژگی ها هستن.با کمک انگولار ۱۷ این امکان فراهم شده تا معماری های پیچیده رو برای پروژه های enterprise، خیلی سریعتر از قبل پیاده کرد.در مطالب بعدی حتما درباره جزئیات این ویژگی ها صحبت میکنیم و پیاده سازی معماری های مختلف رو نشونتون میدم تا با هم یاد بگیریم هم من از شما و هم شما از من‌‌‌ ... amirhusainmaleki1996 amirhusainmaleki1996 Thu, 04 Jan 2024 00:30:51 +0330