Трохи лайфхаків по Ангуляр розробці https://blog.angularindepth.com/beware-angular-can-steal-your-time-41fe589483df #tips

З'явився ще один спосіб зробити ваш Ангуляр сайт статичним - це генератор статики Scully. Наразі ця технологія є в розробці тому не варто на неї розраховувати на 100%. Подивіться відео, щоб зрозуміти як з ним працювати. Серед інших способів зробити сайт статичним ми знаєм сервер рендеринг як Angular Universal та використання angular web-elements для відображення динаміки на статичних сторінках, як зроблено на angular.io сайті

Корисна стаття, щоб нагадати собі чим відрізняються стрілочні функції від звичайних: https://blog.logrocket.com/anomalies-in-javascript-arrow-functions/

6 полезных декораторов для Angular-приложений

Декоратор — замечательный паттерн, позволяющий легко добавлять разным объектам одинаковое дополнительное поведение.

В Angular мы можем писать собственные декораторы для компонентов. Посмотрим на 6 примеров, которые могут вам пригодиться:

👍 Автоматическая отписка от всех событий
👍 Мемоизация тяжелых и повторяющихся вычислений
👍 Троттлинг
👍 Debouncing
👍 Ограничение доступа к свойствам компонента
👍 Измерение времени выполнения функции

Забрать в свой проект: https://prglb.ru/3a74

#frameworks #angular

Сьогодні офіційний реліз Angular 9. Коротко про 9 версію: https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3 ,
Не пропустіть стрім презентації релізу на ютубі: https://youtu.be/hnKeNTZp7q0 ,
Також лінки на фічі в деталях: https://indepth.dev/a-look-at-major-features-in-the-angular-ivy-version-9-release/?utm_campaign=Angular%2BWeekly&utm_medium=email&utm_source=Angular_Weekly_80

Коли лінь переключатись між гілками в гіті, а додаткову гілку на репозитрій пушити теж не хочеться тоді цей хак для вас: https://git-scm.com/docs/git-worktree
(Я це використовую, коли в мене є гілка на котрій є зміни і я створив нову гілку де я планую частково застосувати ці зміни і таким чином я відкриваю два вікна в своїй IDE з однаковим проектом, але різними гілками)

Цікаве відео по реактивному програмуванню та можливостях з IVY: https://www.youtube.com/watch?v=rz-rcaGXhGk

Нагадайте собі також можливості реактивних форм: https://netbasal.com/angular-reactive-forms-tips-and-tricks-bb0c85400b58

Делегування подій, хто ще не знає що це таке. Таке питання часто задають на співбесідах, тільки там частіше фігурує таблиця: https://medium.com/@stasonmars/%D0%B4%D0%B5%D0%BB%D0%B5%D0%B3%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B8%CC%86-%D0%B2-javascript-d91cbdd8916a

Road for beginners: https://medium.com/@stanislavgurin/top-5-common-mistakes-on-your-frontend-career-start-9718549d1072

Цікаві нюанси JS 'toString' та 'toString.call()': https://luxiyalu.com/object-prototype-tostring-call/

Как работает reduce() в JavaScript, когда его нужно применять и какие крутые вещи можно с ним делать

В этой статье вы узнаете про метод reduce() и какие клевые штуки можно вытворять с его помощью, выйдя за рамки его общеизвестного применения.

Читать: https://prglb.ru/4we1

#javascript #core

Поки сидите дома є прекрасна можливість порозв'язувати цікаві задачки. В цьому вам допоможуть ці ресурси (для цього потрібна реєстрація):
1) https://app.codility.com/programmers/lessons/1-iterations/
2) https://www.hackerrank.com/onboarding/challenge
3) https://projecteuler.net/archives

#javascript #practice

Якщо маєте бажання повторити основні паттерни в ООП - є чудовий плейлист з теорією та практичними прикладами (я б ще радив підписатись на канал): https://www.youtube.com/playlist?list=PLNkWIWHIRwMGzgvuPRFkDrpAygvdKJIE4

Про те як відображати великі об'єми даних користувачу (там не тільки віртуальний скрол): https://blog.bitsrc.io/3-ways-to-render-large-lists-in-angular-9f4dcb9b65

Можливо трохи пізно, але у вас ще є 5хв щоб зареєструватись на сьогоднішній вебінар))
https://docs.google.com/forms/d/e/1FAIpQLSfKWx4FkEjFEIB-H65jdH1U8Fqekk5e93WVr19ux3uAdynvMw/viewform

Час нагадати собі принцип KISS (KEEP IT SIMPLE & SMART): https://medium.com/infancyit/kiss-keep-it-simple-smart-javascript-habits-b019ce14b5ec
#javascript #pattern #tips

Старий RxJS (прошу це врахувати), але принципи залишились ті ж самі: https://www.slideshare.net/mobile/ladyleet/rxjs-operators-real-world-use-cases-full-version
#rxjs

Ще трохи інформації про можливості Angular 9 (та цікавий підхід до тестування):
https://www.toptal.com/angular/angular-9-tutorial-angular-ivy?utm_campaign=Toptal%20Engineering%20Blog&utm_source=hs_email&utm_medium=email&utm_content=85644212&_hsenc=p2ANqtz-88Mh-Tc9IDmMHOpEccGg-t89EHPHnAdWwWVsUcABkQAgkqunQOLvBCseqcxezgrKAiFqkSmoFG0ppFTwggBzpyJryy8g&_hsmi=85644213