[{"data":1,"prerenderedAt":119},["ShallowReactive",2],{"term-f\u002Fframework":3,"related-f\u002Fframework":99},{"id":4,"title":5,"acronym":6,"body":7,"category":78,"description":79,"difficulty":80,"extension":81,"letter":82,"meta":83,"navigation":84,"path":85,"related":86,"seo":93,"sitemap":94,"stem":97,"subcategory":6,"__hash__":98},"terms\u002Fterms\u002Ff\u002Fframework.md","Framework",null,{"type":8,"value":9,"toc":72},"minimark",[10,15,19,23,26,30,61,65,68],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"A framework is like a pre-built house structure — the walls, floors, and roof are done, you just decorate it your way. It makes decisions for you: how to structure code, how routing works, how to handle state. Opinionated but fast to build with.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"A framework is a software structure that dictates the architecture of your application. It provides a skeleton with predefined rules, patterns, and conventions. Unlike a library (which you call), a framework calls your code — this is called inversion of control. Examples: Angular, Nuxt, Next.js, Laravel.",[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 Framework controls the flow:\n\u002F\u002F You fill in the blanks it expects\n\u002F\u002F nuxt.config.ts defines what Nuxt does with YOUR pages\n","javascript","",[38,39,40,49,55],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Framework controls the flow:\n",[41,50,52],{"class":43,"line":51},2,[41,53,54],{"class":47},"\u002F\u002F You fill in the blanks it expects\n",[41,56,58],{"class":43,"line":57},3,[41,59,60],{"class":47},"\u002F\u002F nuxt.config.ts defines what Nuxt does with YOUR pages\n",[11,62,64],{"id":63},"when-youll-hear-this","When You'll Hear This",[16,66,67],{},"\"Angular is a framework — it decides your architecture for you.\" \u002F \"React is a library, not a framework. Nuxt is a framework.\"",[69,70,71],"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 .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":73},[74,75,76,77],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":63,"depth":51,"text":64},"frontend","A framework is like a pre-built house structure — the walls, floors, and roof are done, you just decorate it your way.","beginner","md","f",{},true,"\u002Fterms\u002Ff\u002Fframework",[87,88,89,90,91,92],"Library","Vue","React","Angular","Nuxt","Next.js",{"title":5,"description":79},{"changefreq":95,"priority":96},"weekly",0.7,"terms\u002Ff\u002Fframework","77c85PlqS0GjZYleECzS8bXXHjqcrW6QSrOWGjhQvXI",[100,104,107,110,113,116],{"title":90,"path":101,"acronym":6,"category":78,"difficulty":102,"description":103},"\u002Fterms\u002Fa\u002Fangular","intermediate","Angular is Google's JavaScript framework — the strict, opinionated one that comes with everything pre-decided.",{"title":87,"path":105,"acronym":6,"category":78,"difficulty":80,"description":106},"\u002Fterms\u002Fl\u002Flibrary","A library is a collection of tools you can use whenever you want, however you want. You're in charge.",{"title":92,"path":108,"acronym":6,"category":78,"difficulty":102,"description":109},"\u002Fterms\u002Fn\u002Fnext-js","Next.js is React's big sibling that adds superpowers like SSR, SSG, file-based routing, and API routes.",{"title":91,"path":111,"acronym":6,"category":78,"difficulty":102,"description":112},"\u002Fterms\u002Fn\u002Fnuxt","Nuxt is Vue on steroids. It's a meta-framework that adds SSR, SSG, file-based routing, auto-imports, and a full deployment pipeline on top of Vue.",{"title":89,"path":114,"acronym":6,"category":78,"difficulty":80,"description":115},"\u002Fterms\u002Fr\u002Freact","React is a JavaScript library from Meta for building UIs out of components.",{"title":88,"path":117,"acronym":6,"category":78,"difficulty":80,"description":118},"\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.",1776518282292]