Why Large JSON Freezes Your UI (And How to Fix It)

My Products: https://linkooo.in Code Used https://github.com/rahuulmiishra/reac... For Best Frontend Content https://allahabadi.dev Deep Compare Nested Object in javascript    • Deep Clone Nested Object : Ace Your Javasc...   Polyfill of Slice    • Slice Polyfill : Ace Your Javascript Inter...   Content: 00:00 Agenda 01:20 When we send large data? 02:15 Code Walkthrough 03:52 1st Problem 04:45 Solution 05:50 2nd Problem 08:20 Solution 11:40 3d Problem 12:15 Solution 17:50 Can't stream JSON 19:00 NDJSON 21:30 Streaming What i have explained in this video? there can be situations when you can receive a 10 MB JSON and a 100 MB text file, and you have to process that data in the frontend . the problem comes when you have to think about a front-end-only solution the first problem is when you get this huge amount of data from the server, what message will you show to the user? Second, when you parse this huge data, your web page might become unresponsive. Third, when you add a large number of DOM elements in the browser, your web page will become unresponsive. In this video, I have discussed how we can solve these three problems and why we can't stream JSON. How can we use NDJSON to stream data? I have demonstrated how we can use a back-end plus front-end solution. Back-end will stream the data, and front-end will consume that stream and edit in the UI #reactjstutorial #frontend #react #javascript #webdevelopment #frontendmaster