Ever wondered what exactly takes time when server side rendering in
#Angular
?
I just added server timing to my SSR process and track all requests made on the server.
⚡️ This can significantly improve debugging and tracking.
#webperf
#perfmatters
Look at this! 👀
He
#RxJS
lovers,
#angular
#vue
and
#react
enthusiasts
I extended my 🏐 marble design system 🏐 with 2 new components
Now I can draw rate-limiting operators 😎
- audit
- auditTime
- debounce
- debounceTime
- sample
- sampleTime
- throttle
- throttleTime
Hope it helps! 🤗❤️
He lovers of
#RxJS
, as well as
#angular
#vue
and
#react
The next badge of the
#MarbleDesignSystem
🏀 🎾🏐 is complete!
Something that was not here before... 🥳
Subjects 😎
- Subject
- BehaviorSubject
- RelpaySubjecrt
- AsyncSubject
Hope it helps! 🤗❤️
Did you know that
#angulars
@'Output() bindings can be just
#RxJS
Observables?
Reactive Input -> Reactive Form -> Value Changes -> Output Binding
No EventEvmitter, No Subject. All immutable 😎😎😎
rx-angular/template went alpha! 🥳🥳🥳
Get ready to boost the performance of your
#Angular
project! 🚀
Bring zone-less performance in zone-full apps 🤯
Following is ready to test:
✅rxLet
✅viewport priority
✅push
✅unpatch
✅render strategies
I proudly present to you:
rx-angular/state v1.0.0 🥳💯🏆🤯
#RxJS
component state designed for
#Angular
Enjoy:
✅ lazy state
✅ partial updates
✅ subscription handling
✅ local side-effects
✅ connect observables
✅ merge global state
📣 Announcing the newest member of the
@Trilon_io
family:
@Michael_Hladky
🎉
Michael is joining us as Lead Instructor, Mentor & Consultant.
With years of experience leading enterprise workshops for
#angular
#rxjs
(+much more), we’re thrilled to have him onboard! ❤🚀
1/🧵
Dear fellow
@Angular
#RxAngular
fans!
We have something BIG to share…
Recently we received 5000$
from the Chrome Framework Funds
🤯🚀🏆
Big thx to
@addyosmani
and friends for the recognition of our work 🙏🙇🏻
We're welcoming
@Michael_Hladky
to the
#JSworldConference
online stage. 👏👏
Join the LIVE broadcast now to listen to his talk with the topic: ChangeDetection and
#Rendering
performance in post Ivy.
Get direct access to join the conference➡️
#RxAngular
reached 1k 's⭐ on
@github
!
Can't tell how amazing it feels ❤😍🥳🐣
Most of the effort was made by our
lovely contributors & core team🤗
Look at the repo, start it or contribute
Help to make it THE lib for
#performance
&
#DX
in
@angular
Hey,
#Angular
people! 📢📢📢
Here our new
#RxAngular
idea
we want to share and get feedback from you
- 🤖Contextual state as HOC
- 🌟Takes: Promise, Observable, static values
- 🤹Handles: suspense, error, complete
- 🧠Intuitive template switching
Is it useful? If yes why?
Dear attendees of my workshop!
Please contact me either over DM or via mail michael
@hladky
.at
I'm willing to do the workshop for free for you! We can find ways! 💪
You payed the workshop already and I will be here for that!
🙏🙇♂️❤️
Lazy loading
#Angular
components with async/await is
- 🥴not lazy
- 🧟♀️not cancelable
- ☠️hard to handle errors
- 🤕clumsy to use
Checkout out rxLet directive and see how to do it better withing just
🤯2 LINES of CODE 🤯
Also, 🌟 on GitHub if u like it!
Hy lovers of
#angular
and
#RxJS
.
Here is the material for my
#Workshop
on
"RxJS - Advanced Patterns
Operating Heavily Dynamic UIs"
@ngconf
:
- Slides: 🖼️
- Video: 📹
I know it was challenging but I hope you learned a lot! 🧡
Attention! 📢📢
Supported by the
@Angular
team we host the first
Reactive
#Angular
Chat
All about
#RxJS
and how to create better integrations 🔥
Jump in & share ur ideas!
If interesting for the community we
do this monthly🤯
👉Feb 11. 11AM PST👈
The by far fastest and most flexible virtual scrolling for
@angular
is out!
🏎️🏎️🏎️
It got released just now! 🔥
Give it a try and 🌟us on Github 🙌
#perfmatters
#webperf
He
#RxJS
enthusiasts,
#angular
#vue
and
#react
fans
I'd like to share another badge of the 🏐 Marble Diagrams 🏐 that I created!
Transformation operators 😎
- map
- mapTo
- pluck
- timestamp
- timeInterval
- pairs
- materialize
- dematerialize
I hope it helps!❤️😊
💡💡💡
We spent some time on a non-trivial demo
comparing the
#webPerformance
@angular
+
#RxAngular
and
@react
at runtime 🏃♀️⏱.
warm navigations:
- react 450ms (inc white flash)
- rxAngular 150ms (no white flash) 🔥
⭐ if u like it
To all
#RxJS
fans,
#angular
#vue
#react
peeps
Another badge of the 🏀
#MarbleDesignSystem
🏀is done!
One of my hardest problems is (i hope) solved.
Scheduling😎
- scheduled
- observeOn
- subscribeOn
Note:
T = sync task
I = micro task
A = macro task
Hope it helps! 🤗❤️
I'm super happy 😁 to announce that I'm a
@GoogleDevExpert
🤓 now!
Thanks 🙏 to
@manekinekko
for suggesting me!
Thanks 🙏 to
@AlainChautard
for my first interview!
Thanks 🙏 to
@stephenfluin
for my second interview!
I'm so very pleased ❤ to be part of this family 👪 now!
Breaking news! 😱😱😱
rx-angular/state 1.4.0 is out! 🥳🤯
- 📖BRAND NEW BEAUTIFUL DOCS PAGE😍
- 🧠Better type inference
- 💪Improved getting deeply nested state
- 👻removed boilerplate form get method
What if we would have a built-in thing in
#Angular
that binds multiple
#RxJS
observables to the same context?
- no div pollution
- easy to read
- intuitive to use
rx-angular/state v1.2.0 is out with a focus on ViewModel and demos!
Go fully reactive in your
#Angular
!
✅ reactive zoneless tour of hero
✅ ViewModel
✅ selectSlice
#RxJS
operator 👀
✅ explanations of the concept
✅ presenter design pattern demo
rx-angular made it from my shitty private account to
a real org!
Isn't that cool? 🥳🥳🤓
I suggest going there, show some love and
star it immediately!
⭐️🌟✨💫
If you are interested in
my research on local reactive state management in
#Angular
and
#RxJS
here you go
Compare to my first try on
@ngbeconf
I have a nice 15min livecoding session in this one :)
🚀🚀🚀
Btw it's so far the coolest thing I worked on!😎
I did a thing!🥳
"Research on Reactive-Ephemeral-State in Component-Oriented Frameworks -
Examples in
#RxJS
&
#Angular
"
7300+ words 32min read time 😇
I used 'state' 187 times🙈🤣
Let me know what you think! 🙏
Finally I'm done with all
#RxJS
window operators:
- window
- windowTime
- windowCount
- windowWhen
- windowToggle
Drawing them helped a lot to get deeper understanding.
(Even if I see little use 😋)
Hope it helps you too!! ❤️
If you want me to draw any operator just tell!
Ready for
#angular
's future?
Check out
- memorized views
- lazy templates
- local CD
- scheduled rendering
and much much more of the upcoming features in rx-angular
#RxAngular
team is celebrating 500🌟's on Github
🥳🥳🥳🥳🥳
And we are very happy to welcome a new team member!🤯
The incredible
@Jialipassion
♥️♥️♥️
CHEERS! 🍻
rx-angular/state v1.1.0 is out with a bunch of new stuff! 🥳
Ready to delete some code in your
#RxJS
#Angular
project?
Enjoy:
✅ improved docs
✅ great example snippets
✅ stand-alone operators:
🏐stateful
🏐select
🏐distinctUntilSomeChanged
Hi
#angular
#RxJS
#ngIndia
#commuity
!
Here my
#slides
on HOO's (higher order operators)
- 🎾 24,5 operators with animated marble diagramms
- 🧮 structured operator grouping
- 🧠 smart approach in explaination
- 🎨 lost of colors
If you need
#Angular
virtual scrolling and:
- 🔥it has to be fast
- 📏items have different height
- 🔎need DOM search
or another feature u miss out by existing solutions
CHECK OUT
#RxAngular
virtual scrolling!!!
It is butter smooth even on slow devices and has EVERYTHING
👀 🚀 Something huge is cooking in the RxAngular kitchen!
We are developing a high performance alternative to angular/cdk virtual scrolling 🔥
It combines:
* concurrent strategies
* extendable api
* fast layouting
Check out the PR 👇
#angular
#webperf
This presentation will be special as I will present our new upcoming structural directives for
#Angular
and
#RxJS
:
- 🤯 *rxIf
- 🤯*rxSwitch
- 🤯🤯🤯*rxFor
Checkout
to stay up to date 🧐
Hy lovers of
#angular
and
#RxJS
.
Here is the material for my talk on
"RxJS Advanced Patterns - Operating Heavily Dynamic UIs"
@ngVikingsConf
:
- Slides: 🖼️
- Code: ⚡️
Hope you had fun!
#ngVikings2019
You wanna go zone-less and fully reactive with
#angular
and
#RxJS
? 💪🅰️🔞
Check out the PushPipe: 🚀
It's:
- pure
- takes over change detection
- you already know how to use pipes :)
Hy lovers of
@angular
#RxJS
and
#webperformance
Here is the material for my talk on
🔥Performance at Scale🔥
@ngbeconf
🖤💛❤
- ☝Polished Slides 🖼
- Code 💻
- Video 📼
Thanks, coziest conf on this planet!
I just published
Dealing with late subscribers in
#RxJS
@trilon_io
Get insights in multicasting, share vs publish
and the composition of streams in component-oriented frameworks.
Dearest
#Angular
community!
We are suuuper proud to announce our open source award from
@netidee
🌟 for
#RxAngular
.
It enables us to take the next major step into a reactive future of angular where
#RxJS
has it’s well deserved place in the framework and is well integrated.
🎉 Big news! Our project, Rx-Angular, has received funding from
@netidee
!
#WebDev
Thanks to
@hoebbelsB
for representing us!
This support will fuel our mission to enhance
#Angular
apps with reactive programming techniques and performance optimizations.
🔗
experimenting on a technique to chunk
@angular
's change detection into pieces. making rendering of many components non-blocking. 🤯🤯
will soon hit rx-angular/template 🚀🚀🚀
Listing the reallllllyy cool stuff about the signals story:
- 📦bundle size
- 🤝interoperability with
#RxJS
- 💤lazy evaluation (I LOVE it!!!)
- 🎯reactive life cycle hooks
Today we are excited to open the first PR of our exploration into fine-grained reactivity! 🚦
This is the foundation to allow prototyping & amplify the value of an upcoming RFC on our plans to introduce a new reactive primitive into Angular.
Read more:
Some insights into my new
#performance
content.
It will be part of future
#workshops
focusing on
#Angular
only, as it's just too much to show.
I will split out a vanilla-focused workshop too in the future.
📣📣📣
#RxAngular
Template released: v1.0.0-beta.32
- 🔥 rxFor 🔥🔥🔥🔥🔥 FINALLY
- 📦submodule splitting for all libs -> bundle size
- 🧓ng12 compat layer
- 🛹rxLet and push take static values
Download and test!
⭐us on GitHub if you like it
Finally here are my slides of my
#talk
🗣️on
#RxJS
schedulers ⏲️ that I gave at
#WeAreDeveloeprs
world congress. 🕺
I added most of the live coding as screenshots or gifs. 🖼️
Thx to all that attended! ❤️
@angular
ppl!! Here is my material on the 🔥Performance at Scale🔥 talk for
@enterjsconf
🤩💜
Learnings
🔥Analyze Flame Charts
🔍Detect Perf Bottlenecks
⚙️Boost Change Detection
✍🏻Measure Improvements
#webperf
#angular
#devtools
If you want to use
#Angular
ivy features
like ngZoneEventCoalescing in a generic way
as
#RxJS
operator here you go. 🥳
- zone-less coalescing of emission
- performance optimizations
- scoping
- interopt with zone-full applications
Started an article series on high performance apps based on
#rxjs
in
#angular
post ivy.
Expect some pretty amazing articles in the next months!
Starting off with the push pipe. 👀
As I have a big part done,
here is a first glance of the
#MarbleDesignSystem
for
#RxJS
I'm working 👨🏭 on since August ⏳.
Also, thx a lot to all ppl that gave feedback over polls or direct.
🙏
I would really appreciate 🙏every kind of feedback🙏!
To all
#RxJS
,
#angular
#vue
and
#react
enthusiasts
Here is another (small) badge of operators.
- materialize
- dematerialize
I created some variants to show different
behavior regarding error and complete.
Hope it helps! 🤗❤️
Ok
#angular
fans!
I'm done with most of the poc's for zone-less + reactive angular
If you have ideas
— why this is not possible
— problematic scenarios
— features u need
this is your chance! 😎
Expect
@ngrx_io
package PR in near future
Thx
@robwormald
for constant inspiration
I'm honored to speak at
#ngIndia
, the biggers
#angular
conf in India. 💪
Get a deep dive in several higher order operators in
#RxJS
inc. how to's.
Marble diagrams included. :)
I'm suuper happy 😁 to visit India again! Thx to
@debug_mode
@geeknineseven
for orga! ❤️
I happily announce the latest
#RxAngular
release
🥳🥳🥳🥳🥳🥳🥳🥳
- 💅 new API surface
- 📏 slimmer code base
- 🔥 future Angular in mind
- 📖 better docs (more to come)
🌟 us on Github if you like it!