[{"data":1,"prerenderedAt":231},["ShallowReactive",2],{"term-s\u002Fside-effect":3,"related-s\u002Fside-effect":217},{"id":4,"title":5,"acronym":6,"body":7,"category":199,"description":200,"difficulty":201,"extension":202,"letter":203,"meta":204,"navigation":69,"path":205,"related":206,"seo":211,"sitemap":212,"stem":215,"subcategory":6,"__hash__":216},"terms\u002Fterms\u002Fs\u002Fside-effect.md","Side Effect",null,{"type":8,"value":9,"toc":193},"minimark",[10,15,19,23,26,30,182,186,189],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"A side effect is when a function secretly does something beyond just giving you an answer — like changing a global variable, writing to a file, or sending an email. It's when the function has impact outside its own little world.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"A side effect is any observable change that a function causes beyond returning a value — mutating external state, modifying a database, writing to the console, making a network request, or altering a variable outside its scope.",[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-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","let count = 0;\n\n\u002F\u002F This function has a side effect — it mutates external state\nfunction increment() {\n  count++; \u002F\u002F side effect!\n}\n\n\u002F\u002F Pure function — no side effects\nfunction add(a: number, b: number) {\n  return a + b;\n}\n","typescript","",[38,39,40,64,71,78,94,106,112,117,123,160,177],"code",{"__ignoreMap":36},[41,42,45,49,53,57,61],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"spNyl","let",[41,50,52],{"class":51},"sTEyZ"," count ",[41,54,56],{"class":55},"sMK4o","=",[41,58,60],{"class":59},"sbssI"," 0",[41,62,63],{"class":55},";\n",[41,65,67],{"class":43,"line":66},2,[41,68,70],{"emptyLinePlaceholder":69},true,"\n",[41,72,74],{"class":43,"line":73},3,[41,75,77],{"class":76},"sHwdD","\u002F\u002F This function has a side effect — it mutates external state\n",[41,79,81,84,88,91],{"class":43,"line":80},4,[41,82,83],{"class":47},"function",[41,85,87],{"class":86},"s2Zo4"," increment",[41,89,90],{"class":55},"()",[41,92,93],{"class":55}," {\n",[41,95,97,100,103],{"class":43,"line":96},5,[41,98,99],{"class":51},"  count",[41,101,102],{"class":55},"++;",[41,104,105],{"class":76}," \u002F\u002F side effect!\n",[41,107,109],{"class":43,"line":108},6,[41,110,111],{"class":55},"}\n",[41,113,115],{"class":43,"line":114},7,[41,116,70],{"emptyLinePlaceholder":69},[41,118,120],{"class":43,"line":119},8,[41,121,122],{"class":76},"\u002F\u002F Pure function — no side effects\n",[41,124,126,128,131,134,138,141,145,148,151,153,155,158],{"class":43,"line":125},9,[41,127,83],{"class":47},[41,129,130],{"class":86}," add",[41,132,133],{"class":55},"(",[41,135,137],{"class":136},"sHdIc","a",[41,139,140],{"class":55},":",[41,142,144],{"class":143},"sBMFI"," number",[41,146,147],{"class":55},",",[41,149,150],{"class":136}," b",[41,152,140],{"class":55},[41,154,144],{"class":143},[41,156,157],{"class":55},")",[41,159,93],{"class":55},[41,161,163,167,170,173,175],{"class":43,"line":162},10,[41,164,166],{"class":165},"s7zQu","  return",[41,168,169],{"class":51}," a",[41,171,172],{"class":55}," +",[41,174,150],{"class":51},[41,176,63],{"class":55},[41,178,180],{"class":43,"line":179},11,[41,181,111],{"class":55},[11,183,185],{"id":184},"when-youll-hear-this","When You'll Hear This",[16,187,188],{},"\"That function has side effects — it mutates the global store.\" \u002F \"Isolate side effects at the edges of your application.\"",[190,191,192],"style",{},"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}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":66,"depth":66,"links":194},[195,196,197,198],{"id":13,"depth":66,"text":14},{"id":21,"depth":66,"text":22},{"id":28,"depth":66,"text":29},{"id":184,"depth":66,"text":185},"general","A side effect is when a function secretly does something beyond just giving you an answer — like changing a global variable, writing to a file, or sending...","intermediate","md","s",{},"\u002Fterms\u002Fs\u002Fside-effect",[207,208,209,210],"Pure Function","Functional Programming","Idempotent","Return Value",{"title":5,"description":200},{"changefreq":213,"priority":214},"weekly",0.7,"terms\u002Fs\u002Fside-effect","c1AkeW4tbV6cPqBfeg3t0Cqizdu3BkMyEBIMWIpbZok",[218,221,224,227],{"title":208,"path":219,"acronym":6,"category":199,"difficulty":201,"description":220},"\u002Fterms\u002Ff\u002Ffunctional-programming","Functional programming is like cooking with strict rules: no shared bowls, no side dishes contaminating each other, and every dish must be exactly reproduc...",{"title":209,"path":222,"acronym":6,"category":199,"difficulty":201,"description":223},"\u002Fterms\u002Fi\u002Fidempotent","Idempotent means you can do the same thing multiple times and get the same result as doing it once.",{"title":207,"path":225,"acronym":6,"category":199,"difficulty":201,"description":226},"\u002Fterms\u002Fp\u002Fpure-function","A pure function is the well-behaved kid of programming.",{"title":210,"path":228,"acronym":6,"category":199,"difficulty":229,"description":230},"\u002Fterms\u002Fr\u002Freturn-value","beginner","A return value is what a function hands back to you after doing its work. You send a coffee machine beans and water, it returns coffee.",1776518313287]