New Angular features:
https://youtu.be/XPPq-qWON7w?si=4uH_cEm2Evzu8Qas
Lately Angular added lots of nice features like signals, Client Hydration, control flow and many more. Looks like Angular is coming back on track. Let me know if you feel the same for other frameworks you use.
#angular #version #17.1
https://youtu.be/XPPq-qWON7w?si=4uH_cEm2Evzu8Qas
Lately Angular added lots of nice features like signals, Client Hydration, control flow and many more. Looks like Angular is coming back on track. Let me know if you feel the same for other frameworks you use.
#angular #version #17.1
YouTube
💥 Angular 17.1 Is Out - What's New? (Top 8 New Features)
A quick summary to all the new features of the Angular 17.1 release that is just out.
Timestamps:
0:00 Intro
0:19 Input Signals
0:50 New Router info parameter
2:16 New Test Runner
3:23 Improved control flow migration
4:04 Application builder migration
4:28…
Timestamps:
0:00 Intro
0:19 Input Signals
0:50 New Router info parameter
2:16 New Test Runner
3:23 Improved control flow migration
4:04 Application builder migration
4:28…
Good video explaining how to work with AI models, cost optimize and profile them.
https://youtu.be/lHxl5SchjPA?si=U4KZQiQMWLF68izU
#ai #tips
https://youtu.be/lHxl5SchjPA?si=U4KZQiQMWLF68izU
#ai #tips
YouTube
The REAL cost of LLM (And How to reduce 78%+ of Cost)
I want to give you step by step guide on how to reduce LLM cost by 70%, and unpack why it is costing so much now
Free HubSpot AI For Marketers Course: https://academy.hubspot.com/courses/AI-for-Marketers?utm_source=youtube&utm_medium=social&utm_campaign…
Free HubSpot AI For Marketers Course: https://academy.hubspot.com/courses/AI-for-Marketers?utm_source=youtube&utm_medium=social&utm_campaign…
It is not a secret that Angular is changing, sometimes if you are not following those changes and you will work on some new project you will be confused)
Angular introduced function based App Config and here you will see an example how Interceptor logic has been migrated to this new approach, still having the possibility to keep you class based implementations:
https://justangular.com/blog/migrate-angular-interceptors-to-function-based-interceptors
Angular introduced function based App Config and here you will see an example how Interceptor logic has been migrated to this new approach, still having the possibility to keep you class based implementations:
https://justangular.com/blog/migrate-angular-interceptors-to-function-based-interceptors
Justangular
Migrate Angular Interceptors to function based interceptors
In this article we will learn how to migrate class based interceptors to function based interceptors. In Angular v15, the Angular team introduced a new way to create interceptors. Instead of creating…
Who already decided to move their Angular projects from Observables to signals? Here are some tips on what to expect in some specific scenarios.
https://dev.to/mfp22/10-tips-for-scaling-signals-1nap
#angular #v17 #signals #ngrx #rxjs
https://dev.to/mfp22/10-tips-for-scaling-signals-1nap
#angular #v17 #signals #ngrx #rxjs
DEV Community
10 Tips for Scaling Signals
Signals scale very well if you follow the tips in this article.
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…
Latest Angular updates from Google I/O.
- Signals under the hood of YouTube
- Signals are now officially available in Angular
- RxJS optional
etc.
https://youtu.be/srP2P6j4Cqw?si=NdvKyez39zwl9Erc
#angular
- Signals under the hood of YouTube
- Signals are now officially available in Angular
- RxJS optional
etc.
https://youtu.be/srP2P6j4Cqw?si=NdvKyez39zwl9Erc
#angular
YouTube
What's new in Angular
Find out about the latest from Angular, including updates on server-side rendering and reactivity. Discover everything from community updates and the request for comments process to new features landing in v18 and beyond.
Angular's official website → ht…
Angular's official website → ht…
Check out Angular Challenges. It might be interesting for those who who lack some practise and way how to implement some stuff in Angular.
#angular #tips
https://angular-challenges.vercel.app/
#angular #tips
https://angular-challenges.vercel.app/
Angular Challenges
Welcome to Angular Challenges
Get started by resolving these challenges and become a better Angular Front-End engineer.
There are now Schematics available to migrate your components from one file to multiple with .html and styles and vice versa.
https://github.com/ngxtension/ngxtension-platform/issues/362
#angular #tips
https://github.com/ngxtension/ngxtension-platform/issues/362
#angular #tips
GitHub
feat: add schematic to convert from multifile to SFC and vice-versa · Issue #362 · ngxtension/ngxtension-platform
Utilities for Angular. Contribute to ngxtension/ngxtension-platform development by creating an account on GitHub.
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]
The way you can optimize your images with almost no efforts in Angular with NgOptimizedImage Directive
https://angularindepth.com/posts/1511/improve-page-performance-and-lcp-with-ngoptimizedimage
#angular #tips #images #LCP
https://angularindepth.com/posts/1511/improve-page-performance-and-lcp-with-ngoptimizedimage
#angular #tips #images #LCP
Angularindepth
Angular in Depth
Unlock the power of software engineering at its core with Angular in Depth!
Full Stack developement can be easier with monorepos like you can see on the picture. Of course the most popular is NX, but Lerna & TurboRepo from Vercel are to consider in future.
https://monorepo.tools/
#tips
https://monorepo.tools/
#tips
Learning RxJS is always a challenge 😅
https://youtu.be/OhuRvfcw3Tw?si=BgEsECRdSkSegU1X
#rxjs #angular #tips
https://youtu.be/OhuRvfcw3Tw?si=BgEsECRdSkSegU1X
#rxjs #angular #tips
YouTube
TOP 6 Mistakes in RxJS code
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.
From this video, you will learn the TOP 6 mistakes developers make when writing RxJS code.…
You’ll also get 20% off an annual premium subscription.
From this video, you will learn the TOP 6 mistakes developers make when writing RxJS code.…
If you want to use Headless UI components in your projects instead of libraries like material you can use both
https://www.spartan.ng/documentation/installation
and
http://angularprimitives.com/
But make sure this will cover all your needs, because it is far from feature set regular libraries has, especially for big projects.
#angular #ui
https://www.spartan.ng/documentation/installation
and
http://angularprimitives.com/
But make sure this will cover all your needs, because it is far from feature set regular libraries has, especially for big projects.
#angular #ui
SPARTAN
spartan - Installation
Getting up and running with spartan