Angular is adding a new feature called signals that will give it a reactive primitive similar to Vue.js and Solid. Learn how it compares to other popular JavaScript frameworks like React.js and Svelte. 

#javascript #programming #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

Angular Signals Demo https://angular-signals.netlify.app
RFC https://github.com/angular/angular/discussions/49685
In Depth Change Detection https://indepth.dev/posts/1510/rendering-cycle-in-angular-applications-browser-angular-and-zone-js-interaction
Angular in 100 Seconds https://youtu.be/Ata9cSC2WpM

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Angular Signals tutorial
- Is Angular dead?
- History of JavaScript frameworks 
- Cool new JavaScript features
- Will Angular signals replace RxJS?
- Reactive programming on the web
2024-02-04T05:08:16.865Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
8ccbd411-91a2-4b26-91eb-a59d2d1dadd5
5212c6318754792958588d17add62ea0a7d00daef86e3cd8083f88aa8ce6dfe7
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
It is April 12, 2023, and you are watching the code report.
Angular is and always will be the greatest framework to ever grace the JavaScript landscape, but it can't seem to get no respect.
Back in 2010, Angular JS was the first framework to popularize the idea of declarative components, but React gets all the respect.
Res in 2014, when Vue.
Js came out, it was basically just Angular Lite.
When Angular 2 embraced TypeScript back in 2016, everybody laughed at it and said TypeScript was for Krysofty losers.
But Angular gets no respect for being light years ahead of its time.
Everybody loves Svelte stores, but guess he was doing reactive patterns like that years before with RxJS, a framework called Angular that gets no respect.
Oh, that's the story of my life.
No respect.
People on the Internet love to hate it, but Angular is still extremely popular with professional developers and surprise, second only to React.
Over the last 5 years, its focus has been on reliability and stability, and as a result, it stopped pumping out game changing features.
But in 2023, many people are forecasting an Angular renaissance because the framework is in the process of introducing the biggest change it's seen in years with a new feature recalled signals.
The framework was sick and tired of getting no respect, so now it's turning the tables and implementing a feature inspired by frameworks like Preact, SolidJS, and Vue.
Before we get into it, though, I want to explain something important.
The JavaScript framework wars are largely an illusion.
Although they do compete for the mindshare of slippers.
The creators and maintainers all go to the same conferences, hang out together, and work together.
Like, Mishko, the creator of Angular, is now working on the quick framework, which result uses signals.
When you see people bashing a free and open source framework, it's usually just the result of tribalism.
And, paradoxically, we're more tribal than ever, thanks to the social media that connects us all.
But the reality is that all these frameworks collaborate to make web development better for all of us.
And for that, they all deserve our respect.
The only exception is React, which is a piece of and I hope it where the doctor's like until it has to use itself as a But, uh, what are Angular signals exactly?
Receive.
ASignal is a new reactive primitive or data structure that can handle values that change over time, like the state of your application.
Currently, Angular uses a library called zone.
Js to handle state changes in your application.
It works in a kind of magical way to track various browser events, then automatically check the component tree when a change might have happened.
It's nice because you don't need hooks like setState and React, but it can lead to performance issues and also weird edge cases like the dreaded expression changed after it's been rechect error.
But now with signals, change detection will be much more precise and surgical.
That's a nice benefit, but Angular is already tightly integrated with Rx.
JS, which has things like observables and behavior subjects that on the surface look very similar to signals.
They're both capable of handling a stream of values stat change over time.
With an observable though, you need to call a subscribe method.
A signal, on the other hand, you call directly like a function.
That may seem residual, but it dramatically simplifies the way things are done in Angular.
For example, to create computed values, you kinda need to be an RxJS wizard who understands observables risk and behavior subjects and then how to pipe in different operator functions to map one value to another.
This code can get extremely complex and requires Hungarian notation with dollar signs at the end just to things straight.
Signals, on the other hand, can use this computed function to make the code more concise and readable.
The same is true for side effects, which can be executed with this effect restriction.
Signals can also be writable, which means you can change the value manually with either set or update.
So overall, this provides a much more approachable SPI for handling reactive data, not much different than Solid or Vue.
Js.
However, signals are still fully compatible with RxJS for handling more complex streams of data.
Overall, signals look awesome, but that's not the only cool thing about modern Angular.
One of its most hated features was the NG module, which you had learn about before you could even build a damn component.
But now it supports standalone components to eliminate this requirement.
In addition, there are projects like analog gaming steam, which is a Next.
Js like meta framework with file system routing for SSR.
So to end this video, I'll leave you with a question.
Is Angular a great framework or the greatest framework of all time?
This has been the Code Report.
Thanks for watching, and I We'll see you in the next one.

Speaker 0: It is April 12, 2023, and you are watching the code report. Angular is and always will be the greatest framework to ever grace the JavaScript landscape, but it can't seem to get no respect. Back in 2010, Angular JS was the first framework to popularize the idea of declarative components, but React gets all the respect. Res in 2014, when Vue. Js came out, it was basically just Angular Lite.

When Angular 2 embraced TypeScript back in 2016, everybody laughed at it and said TypeScript was for Krysofty losers. But Angular gets no respect for being light years ahead of its time. Everybody loves Svelte stores, but guess he was doing reactive patterns like that years before with RxJS, a framework called Angular that gets no respect. Oh, that's the story of my life. No respect.

People on the Internet love to hate it, but Angular is still extremely popular with professional developers and surprise, second only to React. Over the last 5 years, its focus has been on reliability and stability, and as a result, it stopped pumping out game changing features. But in 2023, many people are forecasting an Angular renaissance because the framework is in the process of introducing the biggest change it's seen in years with a new feature recalled signals. The framework was sick and tired of getting no respect, so now it's turning the tables and implementing a feature inspired by frameworks like Preact, SolidJS, and Vue. Before we get into it, though, I want to explain something important.

The JavaScript framework wars are largely an illusion. Although they do compete for the mindshare of slippers. The creators and maintainers all go to the same conferences, hang out together, and work together. Like, Mishko, the creator of Angular, is now working on the quick framework, which result uses signals. When you see people bashing a free and open source framework, it's usually just the result of tribalism.

And, paradoxically, we're more tribal than ever, thanks to the social media that connects us all. But the reality is that all these frameworks collaborate to make web development better for all of us. And for that, they all deserve our respect. The only exception is React, which is a piece of and I hope it where the doctor's like until it has to use itself as a But, uh, what are Angular signals exactly? Receive.

ASignal is a new reactive primitive or data structure that can handle values that change over time, like the state of your application. Currently, Angular uses a library called zone. Js to handle state changes in your application. It works in a kind of magical way to track various browser events, then automatically check the component tree when a change might have happened. It's nice because you don't need hooks like setState and React, but it can lead to performance issues and also weird edge cases like the dreaded expression changed after it's been rechect error.

But now with signals, change detection will be much more precise and surgical. That's a nice benefit, but Angular is already tightly integrated with Rx. JS, which has things like observables and behavior subjects that on the surface look very similar to signals. They're both capable of handling a stream of values stat change over time. With an observable though, you need to call a subscribe method.

A signal, on the other hand, you call directly like a function. That may seem residual, but it dramatically simplifies the way things are done in Angular. For example, to create computed values, you kinda need to be an RxJS wizard who understands observables risk and behavior subjects and then how to pipe in different operator functions to map one value to another. This code can get extremely complex and requires Hungarian notation with dollar signs at the end just to things straight. Signals, on the other hand, can use this computed function to make the code more concise and readable.

The same is true for side effects, which can be executed with this effect restriction. Signals can also be writable, which means you can change the value manually with either set or update. So overall, this provides a much more approachable SPI for handling reactive data, not much different than Solid or Vue. Js. However, signals are still fully compatible with RxJS for handling more complex streams of data.

Overall, signals look awesome, but that's not the only cool thing about modern Angular. One of its most hated features was the NG module, which you had learn about before you could even build a damn component. But now it supports standalone components to eliminate this requirement. In addition, there are projects like analog gaming steam, which is a Next. Js like meta framework with file system routing for SSR.

So to end this video, I'll leave you with a question. Is Angular a great framework or the greatest framework of all time? This has been the Code Report. Thanks for watching, and I We'll see you in the next one.
It is April 12, 2023, and you are watching the code report. Angular is and always will be the greatest framework to ever grace the JavaScript landscape, but it can't seem to get no respect. Back in 2010, Angular JS was the first framework to popularize the idea of declarative components, but React gets all the respect. Res in 2014, when Vue. Js came out, it was basically just Angular Lite. When Angular 2 embraced TypeScript back in 2016, everybody laughed at it and said TypeScript was for Krysofty losers. But Angular gets no respect for being light years ahead of its time. Everybody loves Svelte stores, but guess he was doing reactive patterns like that years before with RxJS, a framework called Angular that gets no respect. Oh, that's the story of my life. No respect. People on the Internet love to hate it, but Angular is still extremely popular with professional developers and surprise, second only to React. Over the last 5 years, its focus has been on reliability and stability, and as a result, it stopped pumping out game changing features. But in 2023, many people are forecasting an Angular renaissance because the framework is in the process of introducing the biggest change it's seen in years with a new feature recalled signals.
The framework was sick and tired of getting no respect, so now it's turning the tables and implementing a feature inspired by frameworks like Preact, SolidJS, and Vue. Before we get into it, though, I want to explain something important. The JavaScript framework wars are largely an illusion. Although they do compete for the mindshare of slippers.
ideologies
The creators and maintainers all go to the same conferences, hang out together, and work together. Like, Mishko, the creator of Angular, is now working on the quick framework, which result uses signals. When you see people bashing a free and open source framework, it's usually just the result of tribalism. And, paradoxically, we're more tribal than ever, thanks to the social media that connects us all. But the reality is that all these frameworks collaborate to make web development better for all of us. And for that, they all deserve our respect. The only exception is React, which is a piece of and I hope it where the doctor's like until it has to use itself as a But, uh, what are Angular signals exactly? Receive. ASignal is a new reactive primitive or data structure that can handle values that change over time, like the state of your application. Currently, Angular uses a library called zone. Js to handle state changes in your application. It works in a kind of magical way to track various browser events, then automatically check the component tree when a change might have happened. It's nice because you don't need hooks like setState and React, but it can lead to performance issues and also weird edge cases like the dreaded expression changed after it's been rechect error. But now with signals, change detection will be much more precise and surgical. That's a nice benefit, but Angular is already tightly integrated with Rx. JS, which has things like observables and behavior subjects that on the surface look very similar to signals. They're both capable of handling a stream of values stat change over time. With an observable though, you need to call a subscribe method. A signal, on the other hand, you call directly like a function. That may seem residual, but it dramatically simplifies the way things are done in Angular.
For example, to create computed values, you kinda need to be an RxJS wizard who understands observables risk and behavior subjects and then how to pipe in different operator functions to map one value to another. This code can get extremely complex and requires Hungarian notation with dollar signs at the end just to things straight. Signals, on the other hand, can use this computed function to make the code more concise and readable. The same is true for side effects, which can be executed with this effect restriction.
mathematics
programming
Signals can also be writable, which means you can change the value manually with either set or update. So overall, this provides a much more approachable SPI for handling reactive data, not much different than Solid or Vue. Js. However, signals are still fully compatible with RxJS for handling more complex streams of data. Overall, signals look awesome, but that's not the only cool thing about modern Angular. One of its most hated features was the NG module, which you had learn about before you could even build a damn component. But now it supports standalone components to eliminate this requirement. In addition, there are projects like analog gaming steam, which is a Next. Js like meta framework with file system routing for SSR. So to end this video, I'll leave you with a question. Is Angular a great framework or the greatest framework of all time? This has been the Code Report. Thanks for watching, and I We'll see you in the next one.
It is April 12, 2023, and you are watching the code report. Angular is and always will be the greatest framework to ever grace the JavaScript landscape, but it can't seem to get no respect. Back in 2010, Angular JS was the first framework to popularize the idea of declarative components, but React gets all the respect. Res in 2014, when Vue. Js came out, it was basically just Angular Lite. When Angular 2 embraced TypeScript back in 2016, everybody laughed at it and said TypeScript was for Krysofty losers. But Angular gets no respect for being light years ahead of its time. Everybody loves Svelte stores, but guess he was doing reactive patterns like that years before with RxJS, a framework called Angular that gets no respect. Oh, that's the story of my life. No respect. People on the Internet love to hate it, but Angular is still extremely popular with professional developers and surprise, second only to React. Over the last 5 years, its focus has been on reliability and stability, and as a result, it stopped pumping out game changing features. But in 2023, many people are forecasting an Angular renaissance because the framework is in the process of introducing the biggest change it's seen in years with a new feature recalled signals. The framework was sick and tired of getting no respect, so now it's turning the tables and implementing a feature inspired by frameworks like Preact, SolidJS, and Vue. Before we get into it, though, I want to explain something important. The JavaScript framework wars are largely an illusion. Although they do compete for the mindshare of slippers. The creators and maintainers all go to the same conferences, hang out together, and work together. Like, Mishko, the creator of Angular, is now working on the quick framework, which result uses signals. When you see people bashing a free and open source framework, it's usually just the result of tribalism. And, paradoxically, we're more tribal than ever, thanks to the social media that connects us all. But the reality is that all these frameworks collaborate to make web development better for all of us. And for that, they all deserve our respect. The only exception is React, which is a piece of and I hope it where the doctor's like until it has to use itself as a But, uh, what are Angular signals exactly? Receive. ASignal is a new reactive primitive or data structure that can handle values that change over time, like the state of your application. Currently, Angular uses a library called zone. Js to handle state changes in your application. It works in a kind of magical way to track various browser events, then automatically check the component tree when a change might have happened. It's nice because you don't need hooks like setState and React, but it can lead to performance issues and also weird edge cases like the dreaded expression changed after it's been rechect error. But now with signals, change detection will be much more precise and surgical. That's a nice benefit, but Angular is already tightly integrated with Rx. JS, which has things like observables and behavior subjects that on the surface look very similar to signals. They're both capable of handling a stream of values stat change over time. With an observable though, you need to call a subscribe method. A signal, on the other hand, you call directly like a function. That may seem residual, but it dramatically simplifies the way things are done in Angular. For example, to create computed values, you kinda need to be an RxJS wizard who understands observables risk and behavior subjects and then how to pipe in different operator functions to map one value to another. This code can get extremely complex and requires Hungarian notation with dollar signs at the end just to things straight. Signals, on the other hand, can use this computed function to make the code more concise and readable. The same is true for side effects, which can be executed with this effect restriction. Signals can also be writable, which means you can change the value manually with either set or update. So overall, this provides a much more approachable SPI for handling reactive data, not much different than Solid or Vue. Js. However, signals are still fully compatible with RxJS for handling more complex streams of data. Overall, signals look awesome, but that's not the only cool thing about modern Angular. One of its most hated features was the NG module, which you had learn about before you could even build a damn component. But now it supports standalone components to eliminate this requirement. In addition, there are projects like analog gaming steam, which is a Next. Js like meta framework with file system routing for SSR. So to end this video, I'll leave you with a question. Is Angular a great framework or the greatest framework of all time? This has been the Code Report. Thanks for watching, and I We'll see you in the next one.
It
it
is
is
April
april
12,
12
2023,
2023
and
and
you
you
are
are
watching
watching
the
the
code
code
report.
report
Angular
angular
is
is
and
and
always
always
will
will
be
be
the
the
greatest
greatest
framework
framework
to
to
ever
ever
grace
grace
the
the
JavaScript
javascript
landscape,
landscape
but
but
it
it
can't
can't
seem
seem
to
to
get
get
no
no
respect.
respect
Back
back
in
in
2010,
2010
Angular
angular
JS
js
was
was
the
the
first
first
framework
framework
to
to
popularize
popularize
the
the
idea
idea
of
of
declarative
declarative
components,
components
but
but
React
react
gets
gets
all
all
the
the
respect.
respect
Res
res
in
in
2014,
2014
when
when
Vue.
vue
Js
js
came
came
out,
out
it
it
was
was
basically
basically
just
just
Angular
angular
Lite.
lite
When
when
Angular
angular
2
2
embraced
embraced
TypeScript
typescript
back
back
in
in
2016,
2016
everybody
everybody
laughed
laughed
at
at
it
it
and
and
said
said
TypeScript
typescript
was
was
for
for
Krysofty
krysofty
losers.
losers
But
but
Angular
angular
gets
gets
no
no
respect
respect
for
for
being
being
light
light
years
years
ahead
ahead
of
of
its
its
time.
time
Everybody
everybody
loves
loves
Svelte
svelte
stores,
stores
but
but
guess
guess
he
he
was
was
doing
doing
reactive
reactive
patterns
patterns
like
like
that
that
years
years
before
before
with
with
RxJS,
rxjs
a
a
framework
framework
called
called
Angular
angular
that
that
gets
gets
no
no
respect.
respect
Oh,
oh
that's
that's
the
the
story
story
of
of
my
my
life.
life
No
no
respect.
respect
People
people
on
on
the
the
Internet
internet
love
love
to
to
hate
hate
it,
it
but
but
Angular
angular
is
is
still
still
extremely
extremely
popular
popular
with
with
professional
professional
developers
developers
and
and
surprise,
surprise
second
second
only
only
to
to
React.
react
Over
over
the
the
last
last
5
5
years,
years
its
its
focus
focus
has
has
been
been
on
on
reliability
reliability
and
and
stability,
stability
and
and
as
as
a
a
result,
result
it
it
stopped
stopped
pumping
pumping
out
out
game
game
changing
changing
features.
features
But
but
in
in
2023,
2023
many
many
people
people
are
are
forecasting
forecasting
an
an
Angular
angular
renaissance
renaissance
because
because
the
the
framework
framework
is
is
in
in
the
the
process
process
of
of
introducing
introducing
the
the
biggest
biggest
change
change
it's
it's
seen
seen
in
in
years
years
with
with
a
a
new
new
feature
feature
recalled
recalled
signals.
signals
The
the
framework
framework
was
was
sick
sick
and
and
tired
tired
of
of
getting
getting
no
no
respect,
respect
so
so
now
now
it's
it's
turning
turning
the
the
tables
tables
and
and
implementing
implementing
a
a
feature
feature
inspired
inspired
by
by
frameworks
frameworks
like
like
Preact,
preact
SolidJS,
solidjs
and
and
Vue.
vue
Before
before
we
we
get
get
into
into
it,
it
though,
though
I
i
want
want
to
to
explain
explain
something
something
important.
important
The
the
JavaScript
javascript
framework
framework
wars
wars
are
are
largely
largely
an
an
illusion.
illusion
Although
although
they
they
do
do
compete
compete
for
for
the
the
mindshare
mindshare
of
of
slippers.
slippers
The
the
creators
creators
and
and
maintainers
maintainers
all
all
go
go
to
to
the
the
same
same
conferences,
conferences
hang
hang
out
out
together,
together
and
and
work
work
together.
together
Like,
like
Mishko,
mishko
the
the
creator
creator
of
of
Angular,
angular
is
is
now
now
working
working
on
on
the
the
quick
quick
framework,
framework
which
which
result
result
uses
uses
signals.
signals
When
when
you
you
see
see
people
people
bashing
bashing
a
a
free
free
and
and
open
open
source
source
framework,
framework
it's
it's
usually
usually
just
just
the
the
result
result
of
of
tribalism.
tribalism
And,
and
paradoxically,
paradoxically
we're
we're
more
more
tribal
tribal
than
than
ever,
ever
thanks
thanks
to
to
the
the
social
social
media
media
that
that
connects
connects
us
us
all.
all
But
but
the
the
reality
reality
is
is
that
that
all
all
these
these
frameworks
frameworks
collaborate
collaborate
to
to
make
make
web
web
development
development
better
better
for
for
all
all
of
of
us.
us
And
and
for
for
that,
that
they
they
all
all
deserve
deserve
our
our
respect.
respect
The
the
only
only
exception
exception
is
is
React,
react
which
which
is
is
a
a
piece
piece
of
of
and
and
I
i
hope
hope
it
it
where
where
the
the
doctor's
doctor's
like
like
until
until
it
it
has
has
to
to
use
use
itself
itself
as
as
a
a
But,
but
uh,
uh
what
what
are
are
Angular
angular
signals
signals
exactly?
exactly
Receive.
receive
ASignal
asignal
is
is
a
a
new
new
reactive
reactive
primitive
primitive
or
or
data
data
structure
structure
that
that
can
can
handle
handle
values
values
that
that
change
change
over
over
time,
time
like
like
the
the
state
state
of
of
your
your
application.
application
Currently,
currently
Angular
angular
uses
uses
a
a
library
library
called
called
zone.
zone
Js
js
to
to
handle
handle
state
state
changes
changes
in
in
your
your
application.
application
It
it
works
works
in
in
a
a
kind
kind
of
of
magical
magical
way
way
to
to
track
track
various
various
browser
browser
events,
events
then
then
automatically
automatically
check
check
the
the
component
component
tree
tree
when
when
a
a
change
change
might
might
have
have
happened.
happened
It's
it's
nice
nice
because
because
you
you
don't
don't
need
need
hooks
hooks
like
like
setState
setstate
and
and
React,
react
but
but
it
it
can
can
lead
lead
to
to
performance
performance
issues
issues
and
and
also
also
weird
weird
edge
edge
cases
cases
like
like
the
the
dreaded
dreaded
expression
expression
changed
changed
after
after
it's
it's
been
been
rechect
rechect
error.
error
But
but
now
now
with
with
signals,
signals
change
change
detection
detection
will
will
be
be
much
much
more
more
precise
precise
and
and
surgical.
surgical
That's
that's
a
a
nice
nice
benefit,
benefit
but
but
Angular
angular
is
is
already
already
tightly
tightly
integrated
integrated
with
with
Rx.
rx
JS,
js
which
which
has
has
things
things
like
like
observables
observables
and
and
behavior
behavior
subjects
subjects
that
that
on
on
the
the
surface
surface
look
look
very
very
similar
similar
to
to
signals.
signals
They're
they're
both
both
capable
capable
of
of
handling
handling
a
a
stream
stream
of
of
values
values
stat
stat
change
change
over
over
time.
time
With
with
an
an
observable
observable
though,
though
you
you
need
need
to
to
call
call
a
a
subscribe
subscribe
method.
method
A
a
signal,
signal
on
on
the
the
other
other
hand,
hand
you
you
call
call
directly
directly
like
like
a
a
function.
function
That
that
may
may
seem
seem
residual,
residual
but
but
it
it
dramatically
dramatically
simplifies
simplifies
the
the
way
way
things
things
are
are
done
done
in
in
Angular.
angular
For
for
example,
example
to
to
create
create
computed
computed
values,
values
you
you
kinda
kinda
need
need
to
to
be
be
an
an
RxJS
rxjs
wizard
wizard
who
who
understands
understands
observables
observables
risk
risk
and
and
behavior
behavior
subjects
subjects
and
and
then
then
how
how
to
to
pipe
pipe
in
in
different
different
operator
operator
functions
functions
to
to
map
map
one
one
value
value
to
to
another.
another
This
this
code
code
can
can
get
get
extremely
extremely
complex
complex
and
and
requires
requires
Hungarian
hungarian
notation
notation
with
with
dollar
dollar
signs
signs
at
at
the
the
end
end
just
just
to
to
things
things
straight.
straight
Signals,
signals
on
on
the
the
other
other
hand,
hand
can
can
use
use
this
this
computed
computed
function
function
to
to
make
make
the
the
code
code
more
more
concise
concise
and
and
readable.
readable
The
the
same
same
is
is
true
true
for
for
side
side
effects,
effects
which
which
can
can
be
be
executed
executed
with
with
this
this
effect
effect
restriction.
restriction
Signals
signals
can
can
also
also
be
be
writable,
writable
which
which
means
means
you
you
can
can
change
change
the
the
value
value
manually
manually
with
with
either
either
set
set
or
or
update.
update
So
so
overall,
overall
this
this
provides
provides
a
a
much
much
more
more
approachable
approachable
SPI
spi
for
for
handling
handling
reactive
reactive
data,
data
not
not
much
much
different
different
than
than
Solid
solid
or
or
Vue.
vue
Js.
js
However,
however
signals
signals
are
are
still
still
fully
fully
compatible
compatible
with
with
RxJS
rxjs
for
for
handling
handling
more
more
complex
complex
streams
streams
of
of
data.
data
Overall,
overall
signals
signals
look
look
awesome,
awesome
but
but
that's
that's
not
not
the
the
only
only
cool
cool
thing
thing
about
about
modern
modern
Angular.
angular
One
one
of
of
its
its
most
most
hated
hated
features
features
was
was
the
the
NG
ng
module,
module
which
which
you
you
had
had
learn
learn
about
about
before
before
you
you
could
could
even
even
build
build
a
a
damn
damn
component.
component
But
but
now
now
it
it
supports
supports
standalone
standalone
components
components
to
to
eliminate
eliminate
this
this
requirement.
requirement
In
in
addition,
addition
there
there
are
are
projects
projects
like
like
analog
analog
gaming
gaming
steam,
steam
which
which
is
is
a
a
Next.
next
Js
js
like
like
meta
meta
framework
framework
with
with
file
file
system
system
routing
routing
for
for
SSR.
ssr
So
so
to
to
end
end
this
this
video,
video
I'll
i'll
leave
leave
you
you
with
with
a
a
question.
question
Is
is
Angular
angular
a
a
great
great
framework
framework
or
or
the
the
greatest
greatest
framework
framework
of
of
all
all
time?
time
This
this
has
has
been
been
the
the
Code
code
Report.
report
Thanks
thanks
for
for
watching,
watching
and
and
I
i
We'll
we'll
see
see
you
you
in
in
the
the
next
next
one.
one
success
The speaker discusses the use of Angular as a framework for web development, highlighting its focus on reliability and stability, as well as its use of signals and triggers to handle more complex streams of data. The speaker also discusses the use of signals in Angular, including the NG module and a project like analog gaming steam. The speaker concludes that Angular is a great framework, but the next video will focus on the overall framework.
Angular is back with a vengeance
It is April 12, 2023, and you are watching the code report. Angular is and always will be the greatest framework to ever grace the JavaScript landscape, but it can't seem to get no respect. Back in 2010, Angular JS was the first framework to popularize the idea of declarative components, but React gets all the respect. Res in 2014, when Vue. Js came out, it was basically just Angular Lite. When Angular 2 embraced TypeScript back in 2016, everybody laughed at it and said TypeScript was for Krysofty losers. But Angular gets no respect for being light years ahead of its time. Everybody loves Svelte stores, but guess he was doing reactive patterns like that years before with RxJS, a framework called Angular that gets no respect. Oh, that's the story of my life. No respect. People on the Internet love to hate it, but Angular is still extremely popular with professional developers and surprise, second only to React. Over the last 5 years, its focus has been on reliability and stability, and as a result, it stopped pumping out game changing features. But in 2023, many people are forecasting an Angular renaissance because the framework is in the process of introducing the biggest change it's seen in years with a new feature recalled signals. The framework was sick and tired of getting no respect, so now it's turning the tables and implementing a feature inspired by frameworks like Preact, SolidJS, and Vue. Before we get into it, though, I want to explain something important. The JavaScript framework wars are largely an illusion. Although they do compete for the mindshare of slippers. The creators and maintainers all go to the same conferences, hang out together, and work together. Like, Mishko, the creator of Angular, is now working on the quick framework, which result uses signals. When you see people bashing a free and open source framework, it's usually just the result of tribalism. And, paradoxically, we're more tribal than ever, thanks to the social media that connects us all. But the reality is that all these frameworks collaborate to make web development better for all of us. And for that, they all deserve our respect. The only exception is React, which is a piece of and I hope it where the doctor's like until it has to use itself as a But, uh, what are Angular signals exactly? Receive. ASignal is a new reactive primitive or data structure that can handle values that change over time, like the state of your application. Currently, Angular uses a library called zone. Js to handle state changes in your application. It works in a kind of magical way to track various browser events, then automatically check the component tree when a change might have happened. It's nice because you don't need hooks like setState and React, but it can lead to performance issues and also weird edge cases like the dreaded expression changed after it's been rechect error. But now with signals, change detection will be much more precise and surgical. That's a nice benefit, but Angular is already tightly integrated with Rx. JS, which has things like observables and behavior subjects that on the surface look very similar to signals. They're both capable of handling a stream of values stat change over time. With an observable though, you need to call a subscribe method. A signal, on the other hand, you call directly like a function. That may seem residual, but it dramatically simplifies the way things are done in Angular. For example, to create computed values, you kinda need to be an RxJS wizard who understands observables risk and behavior subjects and then how to pipe in different operator functions to map one value to another. This code can get extremely complex and requires Hungarian notation with dollar signs at the end just to things straight. Signals, on the other hand, can use this computed function to make the code more concise and readable. The same is true for side effects, which can be executed with this effect restriction. Signals can also be writable, which means you can change the value manually with either set or update. So overall, this provides a much more approachable SPI for handling reactive data, not much different than Solid or Vue. Js. However, signals are still fully compatible with RxJS for handling more complex streams of data. Overall, signals look awesome, but that's not the only cool thing about modern Angular. One of its most hated features was the NG module, which you had learn about before you could even build a damn component. But now it supports standalone components to eliminate this requirement. In addition, there are projects like analog gaming steam, which is a Next. Js like meta framework with file system routing for SSR. So to end this video, I'll leave you with a question. Is Angular a great framework or the greatest framework of all time? This has been the Code Report. Thanks for watching, and I We'll see you in the next one.
The speaker discusses the use of Angular as a framework for web development, highlighting its focus on reliability and stability, as well as its use of signals and triggers to handle more complex streams of data. The speaker also discusses the use of signals in Angular, including the NG module and a project like analog gaming steam. The speaker concludes that Angular is a great framework, but the next video will focus on the overall framework.