[{"data":1,"prerenderedAt":236},["ShallowReactive",2],{"term-l\u002Flibrary":3,"related-l\u002Flibrary":223},{"id":4,"title":5,"acronym":6,"body":7,"category":205,"description":206,"difficulty":207,"extension":208,"letter":209,"meta":210,"navigation":108,"path":211,"related":212,"seo":217,"sitemap":218,"stem":221,"subcategory":6,"__hash__":222},"terms\u002Fterms\u002Fl\u002Flibrary.md","Library",null,{"type":8,"value":9,"toc":199},"minimark",[10,15,19,23,26,30,188,192,195],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"A library is a collection of tools you can use whenever you want, however you want. You're in charge. Unlike a framework that controls your app's structure, a library just gives you useful functions and you decide when and how to call them.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"A library is a collection of reusable code that you call from your own application. Unlike a framework, a library doesn't dictate your architecture or application flow — you remain in control. React is technically a library for rendering UI; you compose it with other libraries for routing, fetching, and state.",[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 You call the library on your terms:\nimport { format } from 'date-fns';\nimport axios from 'axios';\n\nconst formatted = format(new Date(), 'yyyy-MM-dd');\nconst data = await axios.get('\u002Fapi\u002Fusers');\n","javascript","",[38,39,40,49,83,103,110,153],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F You call the library on your terms:\n",[41,50,52,56,60,64,67,70,73,77,80],{"class":43,"line":51},2,[41,53,55],{"class":54},"s7zQu","import",[41,57,59],{"class":58},"sMK4o"," {",[41,61,63],{"class":62},"sTEyZ"," format",[41,65,66],{"class":58}," }",[41,68,69],{"class":54}," from",[41,71,72],{"class":58}," '",[41,74,76],{"class":75},"sfazB","date-fns",[41,78,79],{"class":58},"'",[41,81,82],{"class":58},";\n",[41,84,86,88,91,94,96,99,101],{"class":43,"line":85},3,[41,87,55],{"class":54},[41,89,90],{"class":62}," axios ",[41,92,93],{"class":54},"from",[41,95,72],{"class":58},[41,97,98],{"class":75},"axios",[41,100,79],{"class":58},[41,102,82],{"class":58},[41,104,106],{"class":43,"line":105},4,[41,107,109],{"emptyLinePlaceholder":108},true,"\n",[41,111,113,117,120,123,126,129,132,135,138,141,143,146,148,151],{"class":43,"line":112},5,[41,114,116],{"class":115},"spNyl","const",[41,118,119],{"class":62}," formatted ",[41,121,122],{"class":58},"=",[41,124,63],{"class":125},"s2Zo4",[41,127,128],{"class":62},"(",[41,130,131],{"class":58},"new",[41,133,134],{"class":125}," Date",[41,136,137],{"class":62},"()",[41,139,140],{"class":58},",",[41,142,72],{"class":58},[41,144,145],{"class":75},"yyyy-MM-dd",[41,147,79],{"class":58},[41,149,150],{"class":62},")",[41,152,82],{"class":58},[41,154,156,158,161,163,166,169,172,175,177,179,182,184,186],{"class":43,"line":155},6,[41,157,116],{"class":115},[41,159,160],{"class":62}," data ",[41,162,122],{"class":58},[41,164,165],{"class":54}," await",[41,167,168],{"class":62}," axios",[41,170,171],{"class":58},".",[41,173,174],{"class":125},"get",[41,176,128],{"class":62},[41,178,79],{"class":58},[41,180,181],{"class":75},"\u002Fapi\u002Fusers",[41,183,79],{"class":58},[41,185,150],{"class":62},[41,187,82],{"class":58},[11,189,191],{"id":190},"when-youll-hear-this","When You'll Hear This",[16,193,194],{},"\"React is a library — you pick your own router and state manager.\" \u002F \"Lodash is a utility library, not a framework.\"",[196,197,198],"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 .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 pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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":200},[201,202,203,204],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":190,"depth":51,"text":191},"frontend","A library is a collection of tools you can use whenever you want, however you want. You're in charge.","beginner","md","l",{},"\u002Fterms\u002Fl\u002Flibrary",[213,214,215,216],"Framework","React","Vue","Component",{"title":5,"description":206},{"changefreq":219,"priority":220},"weekly",0.7,"terms\u002Fl\u002Flibrary","3YRijhbmKCVYuCS0-VD_i2FismIzydtycQf1eMU3c7I",[224,227,230,233],{"title":216,"path":225,"acronym":6,"category":205,"difficulty":207,"description":226},"\u002Fterms\u002Fc\u002Fcomponent","A component is a self-contained LEGO brick for your UI.",{"title":213,"path":228,"acronym":6,"category":205,"difficulty":207,"description":229},"\u002Fterms\u002Ff\u002Fframework","A framework is like a pre-built house structure — the walls, floors, and roof are done, you just decorate it your way.",{"title":214,"path":231,"acronym":6,"category":205,"difficulty":207,"description":232},"\u002Fterms\u002Fr\u002Freact","React is a JavaScript library from Meta for building UIs out of components.",{"title":215,"path":234,"acronym":6,"category":205,"difficulty":207,"description":235},"\u002Fterms\u002Fv\u002Fvue","Vue is a JavaScript framework for building interactive UIs. It's famous for being easy to pick up — HTML developers feel right at home.",1776518292136]