The State Changers had an in-depth technical meeting discussing various aspects of web development such as JSON, React, Vue, and hydration. They dug deep into how critical data is transmitted and interpreted on a webpage, highlighting how bytes of a webpage sit inside two tags and referencing Hydration - a process where local code describes the structure of the page and then server-side code determines the data that goes into that structure.
They contrasted this with server-side rendering where every page is full HTML every time. They gave an example of a third-party call and compared the mechanism to sending "dried frozen version of the food" where one just needs to 'boil' it or activate it to make it effective.
Towards the end of the meeting, they explored the usage of tools like "CyberChef" to decode encoded data, with a specific focus on Base64 and JSON payloads, and others like Protocol Buffers. They stressed that not everything is JSON and decoding may be necessary to understand the data structure. The participants found this overview useful and agreed to schedule another similar session.
(Source: Deep Dive - Browser Devtools 7/19/23 )