Нові можливості налагодження Angular застосунків завдяки появі Ivy (це як писати CSS у Dev tools, тільки тепер так можна робити і з JS):
https://youtu.be/nK7gi_c_zrw
#angular #advanced #debugging
https://youtu.be/nK7gi_c_zrw
#angular #advanced #debugging
YouTube
Debugging Like a Boss in Angular 9 | Anthony Humes | ng-conf: Hardwired #ngconfHardwired #ngconf2020
Get your free ticket to EnterpriseNG conference Keynote: https://ng-conf.org
For the first time ever, Angular has implemented a robust debugging api (sorry, ng.probe doesn’t count) that make sense and works. Come and learn tips and tricks that will improve…
For the first time ever, Angular has implemented a robust debugging api (sorry, ng.probe doesn’t count) that make sense and works. Come and learn tips and tricks that will improve…
There are situations when you have multiple requests of the same url and one of the reasons could be multiple subscriptions then this article will help you with that, but be careful it is not always the case.
#rxjs #advanced
https://itnext.io/the-magic-of-rxjs-sharing-operators-and-their-differences-3a03d699d255
#rxjs #advanced
https://itnext.io/the-magic-of-rxjs-sharing-operators-and-their-differences-3a03d699d255
Medium
The magic of RXJS sharing operators and their differences
Before diving into sharing operators first we need to determinate what kind of observables are out there in RxJs. There are usually two…
Watch series of Structural Directives from Dmitriy:
https://youtu.be/zpVVHI21TAo
#angular #advanced #tips #structural_directives
https://youtu.be/zpVVHI21TAo
#angular #advanced #tips #structural_directives
YouTube
Structural Directives in Angular – Working with Context (Advanced)
Let's continue to explore the power of structural directives in Angular. In this tutorial, we are going to touch on more advanced features and learn how to deal with template context and we continue to cover a special micro syntax for structural directives.…
Recommend to follow Net Basal on any platforms. Met him first while implementing state management system called Akita. Lots of advanced topics mostly in Angular and many more.
https://netbasal.medium.com/
#angular #advanced
https://netbasal.medium.com/
#angular #advanced
Medium
Netanel Basal – Medium
Read writing from Netanel Basal on Medium. A FrontEnd Tech Lead, blogger, and open source maintainer. The founder of ngneat, husband and father.
Усім привіт. Сьогодні хочу поділитись відео, але загалом україномовним каналом на котрий ви обов'язково маєте підписатись якщо ви і далі плануєте розвиватись в JS/TS та у суміжних технологіях.
https://www.youtube.com/live/UbYjexMO8zw?si=h7G3wRBO-3K6AScE
І також телеграм канал: https://t.me/node_recipes
#js #ts #advanced #tips #resources
https://www.youtube.com/live/UbYjexMO8zw?si=h7G3wRBO-3K6AScE
І також телеграм канал: https://t.me/node_recipes
#js #ts #advanced #tips #resources
YouTube
Node.js Weekly 2024-W11: Internationalization and recaptcha protection
Пропоную ознайомитись з цим тредом, щодо застосування Signal та Observables
https://x.com/BenLesh/status/1775207980268433632
#angulat #signal #rxjs #advanced
https://x.com/BenLesh/status/1775207980268433632
#angulat #signal #rxjs #advanced
X (formerly Twitter)
Ben Lesh (@BenLesh) on X
One of these things is not like the others:
Observables - Push N values.
Iterables - Pull N values.
AsyncIterable - Pull 1 then push 1, for N values.
Signals - Read 1 value. (Which, in the proper context sets up a node in a dependency graph that will notify…
Observables - Push N values.
Iterables - Pull N values.
AsyncIterable - Pull 1 then push 1, for N values.
Signals - Read 1 value. (Which, in the proper context sets up a node in a dependency graph that will notify…
Для тих хто шукає різних рішень оптимізації веб застосунків рекомендую блог Smashing Magazine де є багато статей та на цю тематику, але будьте уважні, адже технології не стоять на місці тому звертайте увагу на дату публікації та пошук альтернативних більш сучасних рішень.
https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
#advanced
https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
#advanced
Smashing Magazine
CSS GPU Animation: Doing It Right — Smashing Magazine
Sometimes animation that is nice and smooth in a simple demo runs very slowly on a real website, introduces visual artefacts or even crashes the browser. Why does this happen? How do we fix it? In this article, Sergey Chikuyonok aims to help you to better…
The only certification any developer will need soon is copilot prompting 😁
https://www.youtube.com/live/NTYJqgGBChM?si=Z0LxaBOpTaRihFFW
#ai #copilot #advanced #tips
https://www.youtube.com/live/NTYJqgGBChM?si=Z0LxaBOpTaRihFFW
#ai #copilot #advanced #tips
YouTube
GitHub Copilot tips from the field: How to accelerate Infrastructure as Code adoption..
Deep Dive demo on how to leverage GitHub Copilot to write, refactor and use IaC to deploy resources to the Cloud. You’ll be able to get your questions answered in real time during our live session.
[eventID:22069]
[eventID:22069]
If you have multiple directives on your element you can order their execution if those are related to each other
https://angular.dev/guide/directives/directive-composition-api#directive-execution-order
#angular #advanced
https://angular.dev/guide/directives/directive-composition-api#directive-execution-order
#angular #advanced
angular.dev
The web development framework for building modern apps.
Best practises of using Angular SSR from v18
https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/
#advanced #universal #angular #ssr #pwa #v18
https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/
#advanced #universal #angular #ssr #pwa #v18
😱 You will not believe what are those myths!
https://youtu.be/JGQmn3c5UeE?si=Uf3U2vDMzCi5clPE
#angular #advanced
https://youtu.be/JGQmn3c5UeE?si=Uf3U2vDMzCi5clPE
#angular #advanced
YouTube
Myths About Angular in 2024
To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/DecodedFrontend.
You’ll also get 20% off an annual premium subscription.
👥 Decoded Frontend Community on Discord
https://bit.ly/decoded-frontend-discord
🌱🤝 Support…
You’ll also get 20% off an annual premium subscription.
👥 Decoded Frontend Community on Discord
https://bit.ly/decoded-frontend-discord
🌱🤝 Support…
Some latest updates regarding use of SSR in angular
#angular #ssr #universal #v18 #advanced
https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/
#angular #ssr #universal #v18 #advanced
https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/
ANGULARarchitects
Complete Guide for Server-Side Rendering (SSR) in Angular - ANGULARarchitects
Updated on Nov 9th, 2024 for Hybrid Rendering and Incremental Hydration in Angular v19. This comprehensive post includes a quick introduction to SSR, a detailed setup guide and several best practices with Angular v18 or even v19 (v19 to be released on Nov…
Working with Signals should be handled in proper way - Resource API will help us with that.
https://www.angulararchitects.io/blog/asynchronous-resources-with-angulars-new-resource-api/?mc_cid=ea8d6b1f68&mc_eid=10ac4cee81
#ng19 #angular #signals #advanced
https://www.angulararchitects.io/blog/asynchronous-resources-with-angulars-new-resource-api/?mc_cid=ea8d6b1f68&mc_eid=10ac4cee81
#ng19 #angular #signals #advanced
ANGULARarchitects
Asynchronous Data Flow with Angular's new Resource API - ANGULARarchitects
Dies ist Beitrag 6 von 6 der Serie “Signals” Signals in Angular: The Future of Change Detection Component Communication with Signals: Inputs, Two-Way Bindings, and Content/ View Queries Successful with Signals in Angular – 3 Effective Rules for Your Architecture…
If you where curious new Angular v19 is out. And one of the features (developer preview so) is resource API
Great video about this https://www.youtube.com/watch?v=W7-lsoL-Gi8
#signal #advanced
Great video about this https://www.youtube.com/watch?v=W7-lsoL-Gi8
#signal #advanced
YouTube
Angular Resource API - Everything You Have To Know (so far)
🔥 Advanced Angular Courses - https://bit.ly/df-courses
Get Courses Now With -25% off during the Black Friday Sale!
Angular 19 is here, and one of the most exciting features it brings is a new experimental Resource API. This is another massive step towards…
Get Courses Now With -25% off during the Black Friday Sale!
Angular 19 is here, and one of the most exciting features it brings is a new experimental Resource API. This is another massive step towards…
How many of you already knew about this lifecycle methods in Angular?
https://medium.com/netanelbasal/exploring-angulars-afterrender-and-afternextrender-hooks-7133612a0287
you can find their execution timing here: https://angular.dev/guide/components/lifecycle
#advanced #v16.2
https://medium.com/netanelbasal/exploring-angulars-afterrender-and-afternextrender-hooks-7133612a0287
you can find their execution timing here: https://angular.dev/guide/components/lifecycle
#advanced #v16.2
Medium
Exploring Angular’s afterRender and afterNextRender Hooks
Occasionally, there arises a need to employ browser-specific APIs for manual DOM manipulation. However, navigating this task becomes…
👍1
Did you know that in angular version 19+ you can use
#name
instead of
private name
to make them true private?
I didn't know that properties with private field works only before compile time and it is open in production code for access.
Here is a good article about this https://riegler.fr/blog/2024-05-17-private-fields-downleveling
Make sure you are not using in earlier angular versions as it will result in weakMap creation.
#angular #ts #typescript #advanced #tips
#name
instead of
private name
to make them true private?
I didn't know that properties with private field works only before compile time and it is open in production code for access.
Here is a good article about this https://riegler.fr/blog/2024-05-17-private-fields-downleveling
Make sure you are not using in earlier angular versions as it will result in weakMap creation.
#angular #ts #typescript #advanced #tips
riegler.fr
Understand private properties downleveling in Angular
And more on browserslist and Esbuild integration into Angular
Lifecycle-Hook-Free Angular: Building Components with Modern APIs
https://www.youtube.com/live/5m0eqGxrLUo?t=23477s
Article: https://riegler.fr/blog/2024-12-31-lifecycle-hook-less
#angular #hooks #advanced
https://www.youtube.com/live/5m0eqGxrLUo?t=23477s
Article: https://riegler.fr/blog/2024-12-31-lifecycle-hook-less
#angular #hooks #advanced
YouTube
NgGlühwein 2024 | 14.12. Vienna
🎉 Get ready for a free Mini Conference to celebrate the end of 2024 with the Angular Vienna Community 🎉
What's on the agenda:
🗣️ International Top Speakers
🎓 Knowledge sharing
🎫 Raffles of cool prices
👥 Meet old and new friends from the community
🍻 Free…
What's on the agenda:
🗣️ International Top Speakers
🎓 Knowledge sharing
🎫 Raffles of cool prices
👥 Meet old and new friends from the community
🍻 Free…