React 19 All Features: Skip the wait and get them now:
https://topmate.io/frontendmaster/1391714
Part 2
https://www.youtube.com/watch?v=cM_Whw76OqU&t=179s&ab_channel=FrontendMaster
Part 3
https://www.youtube.com/watch?v=0ewhJcHM13c&ab_channel=FrontendMaster
Part 4
https://youtu.be/q_gdlQm_SyA
React 19 Changes
https://www.youtube.com/watch?v=6DKj8pEQ6X0
- What is the problem with making API request in useEffect? - SEQ1
- How Suspense Solves it? Create use for React 18 - SEQ2
Things we will be covering.
1. Lazy Loading a Component with Fallback
2. How Suspense Knows That Loading is finished
3. Using Same Information, Let’s use Suspense for Data Fetching
- using use in React19 - SEQ3
- Usage
- Loader
- Error
- [ ] Can we call use inside functions/if/loops - SEQ4
- use traps - SEQ5
- [ ] use With Context - SEQ 6
- [ ] use with Context Limitation (Not Limitation exactly, this is how context works, but this can slipped easily) - SEQ 6.1
- use API Patterns- SEQ7
Content:
00:00:00 use API not a hook
00:00:40 Agenda
00:01:50 Fetching data with useEffect
00:02:50 useEffect issues with fetching data
00:06:50 Suspense Working
00:09:35 Suspense Internals
00:12:20 Suspense for Data fetching
00:13:40 use
00:15:50 Showing Loader with use
00:17:15 Handling Errors with use
00:18:30 Outro
#reactjs #javascript #react19 #frontenddeveloper #reactjsindia