Skip to main content
Back to course
Log in
Get started
Someone wanted to learn this too, so Grasp built them a personal learning path.
Create your own
RxJS for advanced React state
ยท
Module 4
RxJS in the React Ecosystem
1
Observables and React: Lifecycle Challenges
Explain the challenges of integrating Observables with React's lifecycle, including memory leaks and 'tearing' in concurrent rendering.
Explain the challenges of integrating Observables with React's lifecycle, including memory leaks and 'tearing' in concurrent rendering.
2
Building a Subscription Hook: Common Pitfalls
Implement a basic subscription hook using `useEffect` and `useState` to demonstrate the common pitfalls.
Implement a basic subscription hook using `useEffect` and `useState` to demonstrate the common pitfalls.
3
Building a `useObservable` Hook with `useSyncExternalStore`
Apply the `useSyncExternalStore` hook to create a tear-free, reusable `useObservable` hook for safe component subscriptions.
Apply the `useSyncExternalStore` hook to create a tear-free, reusable `useObservable` hook for safe component subscriptions.
4
Building a Scalable, Type-Safe Event Bus
Refactor a simple Subject-based event bus into a scalable, type-safe solution for cross-component communication.
Refactor a simple Subject-based event bus into a scalable, type-safe solution for cross-component communication.
Previous module
Subjects and Multicasting
Next module
Advanced State Management with RxJS