[{"data":1,"prerenderedAt":210},["ShallowReactive",2],{"term-s\u002Fserialization":3,"related-s\u002Fserialization":194},{"id":4,"title":5,"acronym":6,"body":7,"category":176,"description":177,"difficulty":178,"extension":179,"letter":180,"meta":181,"navigation":129,"path":182,"related":183,"seo":188,"sitemap":189,"stem":192,"subcategory":6,"__hash__":193},"terms\u002Fterms\u002Fs\u002Fserialization.md","Serialization",null,{"type":8,"value":9,"toc":170},"minimark",[10,15,19,23,26,30,159,163,166],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Serialization is turning a complex object in your code (like a User with methods and nested data) into a flat format that can be sent over the internet, like JSON. It's like packing a 3D object into a flat box for shipping — you flatten it so it can travel.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Serialization is the process of converting a data structure or object into a format that can be transmitted or stored — most commonly JSON or binary formats. The reverse process is deserialization. It's essential for all network communication.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Serialization: object → JSON string\nconst json = JSON.stringify({ id: 1, name: 'Alice' });\n\u002F\u002F → '{\"id\":1,\"name\":\"Alice\"}'\n\n\u002F\u002F Deserialization: JSON string → object\nconst obj = JSON.parse(json);\n","javascript","",[38,39,40,49,118,124,131,137],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Serialization: object → JSON string\n",[41,50,52,56,60,64,67,70,74,77,80,84,87,91,94,97,99,102,106,109,112,115],{"class":43,"line":51},2,[41,53,55],{"class":54},"spNyl","const",[41,57,59],{"class":58},"sTEyZ"," json ",[41,61,63],{"class":62},"sMK4o","=",[41,65,66],{"class":58}," JSON",[41,68,69],{"class":62},".",[41,71,73],{"class":72},"s2Zo4","stringify",[41,75,76],{"class":58},"(",[41,78,79],{"class":62},"{",[41,81,83],{"class":82},"swJcz"," id",[41,85,86],{"class":62},":",[41,88,90],{"class":89},"sbssI"," 1",[41,92,93],{"class":62},",",[41,95,96],{"class":82}," name",[41,98,86],{"class":62},[41,100,101],{"class":62}," '",[41,103,105],{"class":104},"sfazB","Alice",[41,107,108],{"class":62},"'",[41,110,111],{"class":62}," }",[41,113,114],{"class":58},")",[41,116,117],{"class":62},";\n",[41,119,121],{"class":43,"line":120},3,[41,122,123],{"class":47},"\u002F\u002F → '{\"id\":1,\"name\":\"Alice\"}'\n",[41,125,127],{"class":43,"line":126},4,[41,128,130],{"emptyLinePlaceholder":129},true,"\n",[41,132,134],{"class":43,"line":133},5,[41,135,136],{"class":47},"\u002F\u002F Deserialization: JSON string → object\n",[41,138,140,142,145,147,149,151,154,157],{"class":43,"line":139},6,[41,141,55],{"class":54},[41,143,144],{"class":58}," obj ",[41,146,63],{"class":62},[41,148,66],{"class":58},[41,150,69],{"class":62},[41,152,153],{"class":72},"parse",[41,155,156],{"class":58},"(json)",[41,158,117],{"class":62},[11,160,162],{"id":161},"when-youll-hear-this","When You'll Hear This",[16,164,165],{},"\"Serialize the response before sending it.\" \u002F \"The serializer strips out password fields automatically.\"",[167,168,169],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":171},[172,173,174,175],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":161,"depth":51,"text":162},"backend","Serialization is turning a complex object in your code (like a User with methods and nested data) into a flat format that can be sent over the internet, li...","intermediate","md","s",{},"\u002Fterms\u002Fs\u002Fserialization",[184,185,186,187],"Deserialization","JSON","Payload","Response",{"title":5,"description":177},{"changefreq":190,"priority":191},"weekly",0.7,"terms\u002Fs\u002Fserialization","su2x0yykNDcNYFbDDOJPsEpyihFg5g-yzRdvyOQ4v7A",[195,198,203,207],{"title":184,"path":196,"acronym":6,"category":176,"difficulty":178,"description":197},"\u002Fterms\u002Fd\u002Fdeserialization","Deserialization is the opposite of serialization — it's unpacking the flat box (JSON) back into a real usable object in your code.",{"title":185,"path":199,"acronym":200,"category":176,"difficulty":201,"description":202},"\u002Fterms\u002Fj\u002Fjson","JavaScript Object Notation","beginner","JSON is the universal language the internet uses to pass data around. It looks like a JavaScript object — curly braces, key-value pairs.",{"title":186,"path":204,"acronym":6,"category":205,"difficulty":201,"description":206},"\u002Fterms\u002Fp\u002Fpayload","networking","Payload is the actual data carried in a request or response — the valuable cargo.",{"title":187,"path":208,"acronym":6,"category":205,"difficulty":201,"description":209},"\u002Fterms\u002Fr\u002Fresponse","A response is what the server sends back after receiving a request.",1776518312236]