Getting started with Angular Signals

Подписаться 148 тыс.

Просмотров 42 тыс.

50% 1

Introducing Signals, a new reactivity model in Angular. Signals equips you with high quality tools for fine-grained reactivity,
while setting you on a well lit path and providing you with guardrails to make your app performant. Learn how to start exploring the developer preview in Angular v16 today.
Resources:
Getting started with Signals → goo.gle/41T99yl
Signals Request for Comments →
Angular Twitter → goo.gle/3zyIA4Y
Speakers: Emma Twersky, Alex Rickabaugh
Watch more:
Watch all Angular Sessions → goo.gle/IO23_angular
Watch all the workshops from Google I/O 2023 → goo.gle/IO23_workshops
Watch more Web Sessions → goo.gle/IO23_web
All Google I/O 2023 Sessions → goo.gle/IO23_all
Subscribe to Angular → goo.gle/Angular
#GoogleIO

Развлечения

Опубликовано:

9 май 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@Angular Год назад

Watch all the Angular Sessions → goo.gle/IO23_angular_pin

@RobinMeow-le7em 8 месяцев назад

I know they were called previously `SettableSignal` but since they are called `WriteableSignal` now (which I like more :thumbs_up: I think they should have the method `.write(value: T)`. This would make Kevlin henney also super happy to see less "sets" and "gets" in every code base.

@clashclan4739 Год назад

The most complicated example to learn signals on the internet

@manojht8036 Год назад

agreed

@samwelkinuthia1550 Год назад

lmao you're right. The simple counter would have been fine

@cananard Год назад

The only thing I hate about angular is that I'm obliged to use it at my job...

@user-san-chous Год назад

Well, it was created by people who write documentation. It explains everything. Compare React or Vue docs with Angular docs.

@stefanck 11 месяцев назад

Clearly, I was like "wtf, a cipher game really?..."

@PashaSemf 10 месяцев назад

Exactly how I imagined the people responsible for Angular!

@musashi542 10 месяцев назад

naaah 💀

@wobsoriano 9 месяцев назад

bro

@jazy3091 Месяц назад

Turns 2/3 towards PashaSemf, in scripted excitement: "Now that is a marvellous observation!" - displays NaturalSmile_3.

@sravant Год назад

Example should be simple to understand. Not sure why you choose complex examples.

@baris7971 Год назад

the Example Application is pretty complicated. I Joind the other commentators mentioning to use simple Examples to explain the concepts of signals.

@Ryval_OW 7 месяцев назад

Skill issue.

@despacito2727 5 месяцев назад

@@Ryval_OW Expected response from a Widow main

@markusingvarsson2146 Год назад

Loved the video! 🥳 a really awesome demo!

@dev-rachid Год назад

Greatful ! thanks Angular Team 👍

@techwithjesus8263 2 месяца назад

You both are here to confuse folks 😂😂. I love how Mark Techson explains this on Frontend Masters. I watched the video because of her.

@starvingmusician152 Год назад

Wow really interesting!

@shaikhhar6911 4 месяца назад

Its just like behaviourSubject but less verbose. I like it

@flamousz 4 месяца назад

yeah no neeed to subscribe, unsubscribe and change value with next()

@themudreco 11 месяцев назад

I liked it.

@ismailuwair187 4 месяца назад

as i just started to work with angular again after 2-3 years of pause, i dont quite get the difference between two-way-bindings and signals as you can just pass the value and it will be shown on the UI when updated. other than that using behaviours also would do the job to track on some values, sharing with services is also possible..

@mxz2024 8 месяцев назад

so the main difference to behavioursubjects is, that you dont need the subscribe stuff and you have less sideffects like with multiple subscriptions and chaining pipes on one subject?

@matthewcullum7551 8 месяцев назад

This was my takeaway. Behavior subjects, but without all the code gymnastics and memory leaks involved

@arielunanue4354 8 месяцев назад

thanks @matthewcullum7551, I was wondering about the difference between BehaviorSubject and signals

@IlijaIlijev Год назад

Too complex example for simple things

@RenanLeandroFerreira Год назад

Can we use signals with forms? How signals will be integrated into Form Builder?

@Gorgggg Год назад

Nothing published yet, though you can soon use signals for 2 way data binding. Reactive forms will still need quite some time. Most likely we with some something with Angular 18.

@marcialabrahantes3369 5 месяцев назад

This is their replacement for observables... got it!

@tarquin161234 Месяц назад

It isn't a replacement. Signals are synchronous only. Rxjs also has loads of operators. This is why I'm sticking with rxjs.

@jandrorojas6714 8 месяцев назад

This example... oh my god 🤦‍♂

@Angular 8 месяцев назад

Thanks for this feedback, we're going to make more examples in the future.

@IbrahimKwakuDuah 7 месяцев назад

My oh mine, is this the intro video? What would the advance be like?

@jediampm Год назад

Hi, thanks for the video. Two things: - when using stackblitz, please dont use inline template because of missing code highlighting. - in effect, please dont use var keyword to declare a internal variable. Use const in this case. Another things that dont see an answer for: - signals beside replace zone.js, will it replace also ngModel directive or banana in the box ? - What about forms, mainly template driven forms? thanks.

@Gorgggg Год назад

Hey there. Banana in a box will remain, though implementation will change a little. As 2 way data binding will be expressed as a writable signal (google for for signal components rfc angular github) Ng modules will remain. Though usage will most likely get less and less. There have been no stated plans to remove them. Regarding forms, nothing has been published yet. They will most likely work on that jn Angular 18.

@koolvoid Год назад

My team decide to not update to angular 16 because Signals are still in development mode and not ready yet for production, is that true?

@CodeShotsWithProfanis Год назад

Angular Signals are in a Developer Preview. This means that the features are there, they are fully functional and pollished but the API might change in next versions.

@Tobawa2601 Год назад

I mean you can still upgrade to angular 16 and your application should work just fine, because signals haven't replaced anything yet. The signals are part of the developer preview and shouldn't be used in productive environments at the moment.

@koolvoid Год назад

@@Tobawa2601 Yhea i know my team is retarded I ask to leave :)

@BojanKogoj Год назад

If you don't use them it's like they don't exist. Just update

@anapaulalopesaraujo3824 6 месяцев назад

Is this example really necessary?! No hate, but it is pretty difficult to understand. 😒

@Angular 5 месяцев назад

Thanks for this feedback. We're releasing some new examples soon!

@mohammedasim3158 7 месяцев назад

why dont you take very simple example?...

@aravindhhere Год назад

How this is different from BehaviourSubject ???

@MuhammadFaisal04 Год назад

You cannot compute a BehaviorSubject.

@LarsRyeJeppesen Год назад

It's sync always.

@MuhammadFaisal04 Год назад

Also, computing a new value from a BehaviorSubject is imperative, unlike signal which is reactive.

@jediampm Год назад

Hi, just a simplification: RxJS is an async reactivity where signals are sync reactivity.

@hansschenker Год назад

@@vkagklis Signals are not for the Devs , Signals are for the Compiler (CD)!

@siddharthkrishna2499 Год назад

Can use effects to emit signal values instead of calling the emit in multiple places? effect(() => { this.exampleSignalChangeEvent.emit(this.example_signal()); });

@LogUp-uf1th 10 месяцев назад

like the example provided, the video is equally complicated to decipher! Such examples should not be for the introduction of a concept!

@Ernestas23 4 месяца назад

Who ever came up with this example idea, did not want for people to fully understand the signals.

@mugatu2017 Год назад

We already have rxjs Subjects to multicast data

@ovidiumiu6283 Год назад

Feels like a kids video. vibes so fake

@h0ph1p13 Год назад

Well this happens when a company has too much money so simple 5 minute screencast video gets so many editions that it turns into a material that looks like it was made for 6 year olds. :( Not to mention the overcomplicated framework.