[{"data":1,"prerenderedAt":1461},["ShallowReactive",2],{"category-frontend":3},[4,11,17,21,25,30,34,38,43,47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,168,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269,273,277,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,345,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,411,416,420,424,428,432,436,440,444,448,452,457,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557,561,565,569,573,577,582,586,590,594,598,602,606,610,614,619,623,627,631,635,639,643,647,651,655,659,663,667,671,675,679,683,687,691,695,699,703,707,711,715,719,723,727,731,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,869,873,877,881,885,889,893,897,901,905,909,913,917,921,925,929,933,937,941,945,949,953,957,961,965,969,973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053,1057,1061,1065,1069,1073,1078,1083,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285,1289,1293,1297,1301,1305,1309,1313,1317,1321,1325,1329,1333,1337,1341,1345,1349,1353,1357,1361,1365,1369,1373,1377,1381,1385,1389,1393,1397,1401,1405,1409,1413,1417,1421,1425,1429,1433,1437,1441,1445,1449,1453,1457],{"title":5,"path":6,"acronym":7,"category":8,"difficulty":9,"description":10},"A11y","\u002Fterms\u002Fa\u002Fa11y",null,"frontend","beginner","A11y is a nerdy shorthand for 'Accessibility' — there are 11 letters between the A and the Y.",{"title":12,"path":13,"acronym":14,"category":8,"difficulty":15,"description":16},"APNs","\u002Fterms\u002Fa\u002Fapns","Apple Push Notification service","intermediate","APNs is Apple's postal service for push notifications. Your server sends a notification to Apple, Apple delivers it to the iPhone.",{"title":18,"path":19,"acronym":7,"category":8,"difficulty":15,"description":20},"ARIA","\u002Fterms\u002Fa\u002Faria","ARIA stands for Accessible Rich Internet Applications.",{"title":22,"path":23,"acronym":7,"category":8,"difficulty":9,"description":24},"Above the Fold","\u002Fterms\u002Fa\u002Fabove-the-fold","Above the fold is everything you see before scrolling — like a newspaper's front page headline. It's prime real estate.",{"title":26,"path":27,"acronym":28,"category":8,"difficulty":15,"description":29},"Accessibility","\u002Fterms\u002Fa\u002Faccessibility","a11y","Accessibility (a11y) is making your website usable by everyone — including people using screen readers, keyboard-only navigation, or who have low vision.",{"title":31,"path":32,"acronym":7,"category":8,"difficulty":9,"description":33},"Ajax","\u002Fterms\u002Fa\u002Fajax","Ajax is the technique of loading data from a server in the background without refreshing the whole page.",{"title":35,"path":36,"acronym":7,"category":8,"difficulty":9,"description":37},"Alpine.js","\u002Fterms\u002Fa\u002Falpine-js","Alpine.js is like jQuery had a baby with Vue, and that baby was really into minimalism.",{"title":39,"path":40,"acronym":7,"category":8,"difficulty":41,"description":42},"Anchor Positioning","\u002Fterms\u002Fa\u002Fanchor-positioning","advanced","CSS Anchor Positioning lets you position an element relative to another element anywhere on the page — without JavaScript.",{"title":44,"path":45,"acronym":7,"category":8,"difficulty":15,"description":46},"Angular","\u002Fterms\u002Fa\u002Fangular","Angular is Google's JavaScript framework — the strict, opinionated one that comes with everything pre-decided.",{"title":48,"path":49,"acronym":7,"category":8,"difficulty":15,"description":50},"Animated API","\u002Fterms\u002Fa\u002Fanimated-api","React Native's Animated API lets you create smooth animations that can run on the native thread.",{"title":52,"path":53,"acronym":7,"category":8,"difficulty":9,"description":54},"Ant Design","\u002Fterms\u002Fa\u002Fant-design","Ant Design is the enterprise component library from Alibaba that has a component for everything your PM could ever dream up.",{"title":56,"path":57,"acronym":7,"category":8,"difficulty":15,"description":58},"App Bundle","\u002Fterms\u002Fa\u002Fapp-bundle","An App Bundle (AAB) is Android's smarter app format that lets Google Play build optimized APKs for each device.",{"title":60,"path":61,"acronym":7,"category":8,"difficulty":15,"description":62},"App Clip","\u002Fterms\u002Fa\u002Fapp-clip","An App Clip is a tiny piece of your iOS app that loads instantly when you scan a QR code or tap an NFC tag.",{"title":64,"path":65,"acronym":7,"category":8,"difficulty":15,"description":66},"App Links","\u002Fterms\u002Fa\u002Fapp-links","App Links are Android's version of Universal Links — they let regular web URLs open your Android app.",{"title":68,"path":69,"acronym":7,"category":8,"difficulty":15,"description":70},"App Router","\u002Fterms\u002Fa\u002Fapp-router","App Router is Next.js's new routing system that uses the app\u002F directory and embraces React Server Components.",{"title":72,"path":73,"acronym":7,"category":8,"difficulty":15,"description":74},"App Signing","\u002Fterms\u002Fa\u002Fapp-signing","App signing is like putting your digital signature on your app to prove it's really from you and hasn't been tampered with.",{"title":76,"path":77,"acronym":7,"category":8,"difficulty":9,"description":78},"App Store","\u002Fterms\u002Fa\u002Fapp-store","Apple's marketplace where you download apps — and where Apple takes a 30% cut of everything.",{"title":80,"path":81,"acronym":7,"category":8,"difficulty":9,"description":82},"App Store Connect","\u002Fterms\u002Fa\u002Fapp-store-connect","App Store Connect is Apple's portal where you submit your app and wait nervously for their review team to approve it.",{"title":84,"path":85,"acronym":7,"category":8,"difficulty":9,"description":86},"Arrow Function","\u002Fterms\u002Fa\u002Farrow-function","Arrow functions are a shorter way to write functions in JavaScript. Instead of writing 'function(x) { return x * 2 }' you write '(x) => x * 2'.",{"title":88,"path":89,"acronym":7,"category":8,"difficulty":9,"description":90},"Aspect Ratio","\u002Fterms\u002Fa\u002Faspect-ratio","The aspect-ratio property tells an element to keep its proportions, like a photo that stays rectangular no matter how you resize it.",{"title":92,"path":93,"acronym":7,"category":8,"difficulty":15,"description":94},"Astro","\u002Fterms\u002Fa\u002Fastro","Astro is the 'ship zero JavaScript by default' framework.",{"title":96,"path":97,"acronym":7,"category":8,"difficulty":15,"description":98},"Astro Islands","\u002Fterms\u002Fa\u002Fastro-islands","Astro Islands are like oases of interactivity in a desert of static HTML. Most of your page is plain HTML (fast, no JS), and only the parts that need to be",{"title":100,"path":101,"acronym":7,"category":8,"difficulty":15,"description":102},"Async\u002FAwait","\u002Fterms\u002Fa\u002Fasync-await","Async\u002Fawait is syntactic sugar that makes Promises look like normal, readable code. Instead of chaining .then().then().",{"title":104,"path":105,"acronym":7,"category":8,"difficulty":15,"description":106},"Atomic CSS","\u002Fterms\u002Fa\u002Fatomic-css","Atomic CSS is the idea that every CSS class should do exactly one thing. Instead of .card-header, you have .p-4 .font-bold .text-blue-500.",{"title":108,"path":109,"acronym":7,"category":8,"difficulty":9,"description":110},"Autoprefixer","\u002Fterms\u002Fa\u002Fautoprefixer","Autoprefixer is the robot that adds -webkit-, -moz-, and all those annoying vendor prefixes to your CSS so you don't have to.",{"title":112,"path":113,"acronym":7,"category":8,"difficulty":15,"description":114},"Babel","\u002Fterms\u002Fb\u002Fbabel","Babel is the universal translator for JavaScript.",{"title":116,"path":117,"acronym":7,"category":8,"difficulty":9,"description":118},"Below the Fold","\u002Fterms\u002Fb\u002Fbelow-the-fold","Below the Fold is everything on a webpage you have to scroll down to see. Content here can load lazily since users won't see it immediately.",{"title":120,"path":121,"acronym":7,"category":8,"difficulty":9,"description":122},"Bento Grid","\u002Fterms\u002Fb\u002Fbento-grid","A bento grid is a layout inspired by Japanese bento boxes — neatly arranged sections of different sizes that fit together perfectly.",{"title":124,"path":125,"acronym":7,"category":8,"difficulty":9,"description":126},"Binding","\u002Fterms\u002Fb\u002Fbinding","Binding is connecting your data to your HTML so they stay in sync.",{"title":128,"path":129,"acronym":7,"category":8,"difficulty":9,"description":130},"Biome","\u002Fterms\u002Fb\u002Fbiome","Biome is one tool that replaces both ESLint AND Prettier.",{"title":132,"path":133,"acronym":7,"category":8,"difficulty":9,"description":134},"Bootstrap","\u002Fterms\u002Fb\u002Fbootstrap","Bootstrap is the OG CSS framework — add a class and get a pre-styled button, grid, modal, or navbar.",{"title":136,"path":137,"acronym":7,"category":8,"difficulty":9,"description":138},"Box Model","\u002Fterms\u002Fb\u002Fbox-model","The box model is how CSS thinks about every element on a page — as a box with four layers: content, padding, border, and margin.",{"title":140,"path":141,"acronym":7,"category":8,"difficulty":41,"description":142},"Bridge (React Native)","\u002Fterms\u002Fb\u002Fbridge-react-native","The Bridge is React Native's translator between JavaScript and native code.",{"title":144,"path":145,"acronym":7,"category":8,"difficulty":9,"description":146},"Bundle","\u002Fterms\u002Fb\u002Fbundle","Imagine your code is a pile of LEGO instructions split across 50 tiny papers.",{"title":148,"path":149,"acronym":7,"category":8,"difficulty":15,"description":150},"Bundle Analyzer","\u002Fterms\u002Fb\u002Fbundle-analyzer","A bundle analyzer is like an X-ray for your JavaScript suitcase.",{"title":152,"path":153,"acronym":7,"category":8,"difficulty":15,"description":154},"Bundle Size","\u002Fterms\u002Fb\u002Fbundle-size","How big your JavaScript file is after everything is smooshed together. Every npm package you install makes it bigger. That 'tiny' date library? 70KB.",{"title":156,"path":157,"acronym":7,"category":8,"difficulty":9,"description":158},"Bundler","\u002Fterms\u002Fb\u002Fbundler","A bundler is the robot that smashes all your separate JavaScript files, CSS, images, and random imports into one (or a few) neat packages that the browser...",{"title":160,"path":161,"acronym":160,"category":8,"difficulty":15,"description":162},"CLS","\u002Fterms\u002Fc\u002Fcls","CLS measures how much your page randomly jumps around while loading.",{"title":164,"path":165,"acronym":166,"category":8,"difficulty":9,"description":167},"CSR","\u002Fterms\u002Fc\u002Fcsr","Client-Side Rendering","CSR means the browser downloads a mostly-empty HTML page plus a big JavaScript bundle, then builds the full page in the browser.",{"title":169,"path":170,"acronym":171,"category":8,"difficulty":9,"description":172},"CSS","\u002Fterms\u002Fc\u002Fcss","Cascading Style Sheets","CSS is the makeup and wardrobe for your HTML skeleton. It decides what color everything is, how big things are, and where stuff goes on the page.",{"title":174,"path":175,"acronym":7,"category":8,"difficulty":9,"description":176},"CSS Animations","\u002Fterms\u002Fc\u002Fcss-animations","CSS animations let you make things move, spin, fade, and bounce using only CSS — no JavaScript needed.",{"title":178,"path":179,"acronym":7,"category":8,"difficulty":15,"description":180},"CSS Clamp","\u002Fterms\u002Fc\u002Fcss-clamp","clamp() is CSS's way of saying 'be this size, but never smaller than this and never bigger than that.",{"title":182,"path":183,"acronym":7,"category":8,"difficulty":41,"description":184},"CSS Contain","\u002Fterms\u002Fc\u002Fcss-contain","CSS contain builds an invisible fence around an element and tells the browser 'changes inside this fence don't affect anything outside.",{"title":186,"path":187,"acronym":7,"category":8,"difficulty":15,"description":188},"CSS Grid","\u002Fterms\u002Fc\u002Fcss-grid","CSS Grid is the two-dimensional layout system — rows AND columns at the same time. Think of it like a spreadsheet you can put your whole website into.",{"title":190,"path":191,"acronym":7,"category":8,"difficulty":15,"description":192},"CSS Has Selector","\u002Fterms\u002Fc\u002Fcss-has-selector","The :has() selector is CSS's long-awaited 'parent selector.",{"title":194,"path":195,"acronym":7,"category":8,"difficulty":15,"description":196},"CSS Logical Properties","\u002Fterms\u002Fc\u002Fcss-logical-properties","Logical properties replace left\u002Fright with start\u002Fend so your CSS works in any text direction — left-to-right, right-to-left, even vertical.",{"title":198,"path":199,"acronym":7,"category":8,"difficulty":9,"description":200},"CSS Modules","\u002Fterms\u002Fc\u002Fcss-modules","CSS Modules are like giving every CSS class a unique ID badge so they never clash with each other.",{"title":202,"path":203,"acronym":7,"category":8,"difficulty":9,"description":204},"CSS Nesting","\u002Fterms\u002Fc\u002Fcss-nesting","CSS Nesting finally brings the one feature everyone used Sass for directly into plain CSS.",{"title":206,"path":207,"acronym":7,"category":8,"difficulty":41,"description":208},"CSS Subgrid","\u002Fterms\u002Fc\u002Fcss-subgrid","CSS Subgrid lets a grid child inherit the grid tracks from its parent, so nested elements can align to the outer grid.",{"title":210,"path":211,"acronym":7,"category":8,"difficulty":9,"description":212},"CSS Transform","\u002Fterms\u002Fc\u002Fcss-transform","CSS Transform lets you rotate, scale, skew, and move elements without messing up the page layout.",{"title":214,"path":215,"acronym":7,"category":8,"difficulty":9,"description":216},"CSS Transitions","\u002Fterms\u002Fc\u002Fcss-transitions","CSS transitions are the smooth operators of web design.",{"title":218,"path":219,"acronym":7,"category":8,"difficulty":9,"description":220},"CSS Variables","\u002Fterms\u002Fc\u002Fcss-variables","CSS Variables (officially called Custom Properties) let you store values in CSS and reuse them everywhere.",{"title":222,"path":223,"acronym":7,"category":8,"difficulty":15,"description":224},"CSS-in-JS","\u002Fterms\u002Fc\u002Fcss-in-js","CSS-in-JS is the controversial philosophy of writing your styles in JavaScript instead of CSS files. Fans love the co-location and dynamic styling.",{"title":226,"path":227,"acronym":7,"category":8,"difficulty":9,"description":228},"Callback","\u002Fterms\u002Fc\u002Fcallback","A callback is just a function you pass to another function, saying 'when you're done, call this.",{"title":230,"path":231,"acronym":7,"category":8,"difficulty":15,"description":232},"Canvas API","\u002Fterms\u002Fc\u002Fcanvas-api","The Canvas API gives you a blank rectangle and says 'draw whatever you want with code.' It's like MS Paint but controlled by JavaScript.",{"title":234,"path":235,"acronym":7,"category":8,"difficulty":15,"description":236},"Capacitor","\u002Fterms\u002Fc\u002Fcapacitor","Capacitor wraps your web app in a native shell and gives it access to device features like the camera, GPS, and push notifications.",{"title":238,"path":239,"acronym":7,"category":8,"difficulty":15,"description":240},"Cascade Layers","\u002Fterms\u002Fc\u002Fcascade-layers","Cascade layers let you group CSS rules into named layers and control the order they apply.",{"title":242,"path":243,"acronym":7,"category":8,"difficulty":9,"description":244},"Chakra UI","\u002Fterms\u002Fc\u002Fchakra-ui","Chakra UI is like ordering a meal kit instead of cooking from scratch.",{"title":246,"path":247,"acronym":7,"category":8,"difficulty":9,"description":248},"Chart.js","\u002Fterms\u002Fc\u002Fchart-js","Chart.js is the 'I just need a chart and I need it now' library. Hand it some data, pick a chart type, and boom — you've got a beautiful, animated chart.",{"title":250,"path":251,"acronym":7,"category":8,"difficulty":15,"description":252},"Chromatic","\u002Fterms\u002Fc\u002Fchromatic","Chromatic takes screenshots of your UI components and yells at you when something changes unexpectedly.",{"title":254,"path":255,"acronym":7,"category":8,"difficulty":15,"description":256},"Clamp Function","\u002Fterms\u002Fc\u002Fclamp-function","CSS clamp() sets a value that's fluid between a minimum and maximum. clamp(1rem, 2.5vw, 2rem) means 'at least 1rem, ideally 2.",{"title":258,"path":259,"acronym":7,"category":8,"difficulty":9,"description":260},"Clipboard API","\u002Fterms\u002Fc\u002Fclipboard-api","The Clipboard API lets your website read from and write to the user's clipboard — copy and paste, but controlled by code.",{"title":262,"path":263,"acronym":7,"category":8,"difficulty":41,"description":264},"Closure","\u002Fterms\u002Fc\u002Fclosure","A closure is when a function remembers the variables from the scope it was created in, even after that scope is gone.",{"title":266,"path":267,"acronym":7,"category":8,"difficulty":15,"description":268},"Code Signing","\u002Fterms\u002Fc\u002Fcode-signing","Code signing proves that your code is genuinely from you and nobody tampered with it between your computer and the user's device.",{"title":270,"path":271,"acronym":7,"category":8,"difficulty":15,"description":272},"Code Splitting","\u002Fterms\u002Fc\u002Fcode-splitting","Instead of sending the user one massive JavaScript file for your entire app, code splitting lets you break it into chunks and only send what's needed for t...",{"title":274,"path":275,"acronym":7,"category":8,"difficulty":15,"description":276},"CodePush","\u002Fterms\u002Fc\u002Fcodepush","CodePush was Microsoft's OTA update service for React Native that let you push JS fixes directly to phones.",{"title":278,"path":279,"acronym":7,"category":8,"difficulty":9,"description":280},"CodeSandbox","\u002Fterms\u002Fc\u002Fcodesandbox","CodeSandbox is the playground where you can spin up a React, Vue, or Next.js project in seconds without installing anything. It's like a sandbox at a playg",{"title":282,"path":283,"acronym":7,"category":8,"difficulty":15,"description":284},"Color Functions","\u002Fterms\u002Fc\u002Fcolor-functions","CSS color functions let you mix, lighten, darken, and adjust colors right in your stylesheet.",{"title":286,"path":287,"acronym":7,"category":8,"difficulty":9,"description":288},"Color Scheme","\u002Fterms\u002Fc\u002Fcolor-scheme","CSS color-scheme tells the browser whether your page supports light mode, dark mode, or both.",{"title":290,"path":291,"acronym":7,"category":8,"difficulty":9,"description":292},"Component","\u002Fterms\u002Fc\u002Fcomponent","A component is a self-contained LEGO brick for your UI.",{"title":294,"path":295,"acronym":7,"category":8,"difficulty":9,"description":296},"Component Library","\u002Fterms\u002Fc\u002Fcomponent-library","A Component Library is a box of pre-built LEGO pieces for your UI — buttons, modals, dropdowns, all ready to snap together. Instead of building a date pick",{"title":298,"path":299,"acronym":7,"category":8,"difficulty":15,"description":300},"Composable","\u002Fterms\u002Fc\u002Fcomposable","Composables are Vue's version of React hooks — reusable functions that bundle reactive state and logic together.",{"title":302,"path":303,"acronym":7,"category":8,"difficulty":41,"description":304},"Compositing","\u002Fterms\u002Fc\u002Fcompositing","Compositing is the final step where the browser assembles all the painted layers into the image you see on screen, like stacking transparent sheets in a pr...",{"title":306,"path":307,"acronym":7,"category":8,"difficulty":9,"description":308},"Console","\u002Fterms\u002Fc\u002Fconsole","The console is the JavaScript developer's best friend and worst habit. You use console.log() to print values for debugging.",{"title":310,"path":311,"acronym":7,"category":8,"difficulty":41,"description":312},"Contain Property","\u002Fterms\u002Fc\u002Fcontain-property","CSS contain tells the browser 'this element is self-contained — changes inside it won't affect the outside layout.",{"title":314,"path":315,"acronym":7,"category":8,"difficulty":15,"description":316},"Container Queries","\u002Fterms\u002Fc\u002Fcontainer-queries","Container Queries are the CSS feature we begged for years. Instead of 'how wide is the screen?' they ask 'how wide is my parent container?",{"title":318,"path":319,"acronym":7,"category":8,"difficulty":15,"description":320},"Container Query","\u002Fterms\u002Fc\u002Fcontainer-query","Container queries are like media queries, but instead of checking the window size, they check the size of the parent container. Finally.",{"title":322,"path":323,"acronym":7,"category":8,"difficulty":15,"description":324},"Content Collections","\u002Fterms\u002Fc\u002Fcontent-collections","Content Collections in Astro are like filing cabinets for your markdown content — each cabinet has strict rules about what goes in it. You define a schema,",{"title":326,"path":327,"acronym":7,"category":8,"difficulty":41,"description":328},"Content Visibility","\u002Fterms\u002Fc\u002Fcontent-visibility","Content-visibility: auto tells the browser 'don't bother rendering stuff that's off-screen.",{"title":330,"path":331,"acronym":7,"category":8,"difficulty":15,"description":332},"Core Web Vitals","\u002Fterms\u002Fc\u002Fcore-web-vitals","Core Web Vitals are the three most important Web Vitals that Google actually uses as ranking signals.",{"title":334,"path":335,"acronym":7,"category":8,"difficulty":41,"description":336},"Critical CSS","\u002Fterms\u002Fc\u002Fcritical-css","Critical CSS is like packing only what you need for the first 5 minutes of your trip in your carry-on.",{"title":338,"path":339,"acronym":7,"category":8,"difficulty":15,"description":340},"Custom Elements","\u002Fterms\u002Fc\u002Fcustom-elements","Custom Elements let you define your own HTML tags that the browser recognizes as first-class citizens. Want a \u003Cfancy-tooltip> tag?",{"title":342,"path":343,"acronym":7,"category":8,"difficulty":41,"description":344},"D3.js","\u002Fterms\u002Fd\u002Fd3-js","D3.js turns data into beautiful, interactive visualizations. It's absurdly powerful and has a learning curve shaped like a cliff.",{"title":346,"path":347,"acronym":348,"category":8,"difficulty":9,"description":349},"DOM","\u002Fterms\u002Fd\u002Fdom","Document Object Model","The DOM is a live map of your webpage that JavaScript can read and edit. When the browser loads your HTML it turns it into a big tree of objects.",{"title":351,"path":352,"acronym":7,"category":8,"difficulty":9,"description":353},"DaisyUI","\u002Fterms\u002Fd\u002Fdaisyui","DaisyUI is Tailwind CSS on easy mode. Instead of writing 15 utility classes for a button, you just say 'btn btn-primary' and it looks great.",{"title":355,"path":356,"acronym":7,"category":8,"difficulty":9,"description":357},"Dark Mode","\u002Fterms\u002Fd\u002Fdark-mode","The feature every user demands and every developer underestimates. 'Just make the background dark' they said. It'll be easy, they said.",{"title":359,"path":360,"acronym":7,"category":8,"difficulty":9,"description":361},"Dark Pattern","\u002Fterms\u002Fd\u002Fdark-pattern","A dark pattern is a UI design trick that manipulates users into doing things they didn't intend — like hiding the unsubscribe button, making the 'accept co...",{"title":363,"path":364,"acronym":7,"category":8,"difficulty":9,"description":365},"Dead Click","\u002Fterms\u002Fd\u002Fdead-click","A dead click is when a user clicks something that looks clickable but does absolutely nothing. No handler, no loading state, no error.",{"title":367,"path":368,"acronym":7,"category":8,"difficulty":15,"description":369},"Debounce","\u002Fterms\u002Fd\u002Fdebounce","Making a function wait until you STOP doing something before it fires. Like a search bar that waits until you stop typing before actually searching.",{"title":371,"path":372,"acronym":7,"category":8,"difficulty":9,"description":373},"Debouncing","\u002Fterms\u002Fd\u002Fdebouncing","Debouncing is like a patient elevator that waits a few seconds after the last person presses the button before closing its doors.",{"title":375,"path":376,"acronym":7,"category":8,"difficulty":15,"description":377},"Deep Linking","\u002Fterms\u002Fd\u002Fdeep-linking","Deep linking is when a URL opens a specific screen inside your app instead of just the home page.",{"title":379,"path":380,"acronym":7,"category":8,"difficulty":15,"description":381},"Design System","\u002Fterms\u002Fd\u002Fdesign-system","A LEGO set for your UI — a collection of reusable components, colors, typography, and rules that keep your entire app looking consistent.",{"title":383,"path":384,"acronym":7,"category":8,"difficulty":9,"description":385},"Design Token","\u002Fterms\u002Fd\u002Fdesign-token","Design tokens are the atoms of your design system — the tiny named values like colors, spacing, and font sizes that everything else is built from.",{"title":387,"path":388,"acronym":7,"category":8,"difficulty":15,"description":389},"Design Tokens","\u002Fterms\u002Fd\u002Fdesign-tokens","Design tokens are the single source of truth for your design decisions — colors, spacing, fonts — stored as variables that work everywhere.",{"title":391,"path":392,"acronym":7,"category":8,"difficulty":9,"description":393},"Destructuring","\u002Fterms\u002Fd\u002Fdestructuring","Destructuring lets you unpack values from arrays or objects into variables in one clean line. Instead of writing 'const name = user.name; const age = user.",{"title":395,"path":396,"acronym":7,"category":8,"difficulty":9,"description":397},"DevTools","\u002Fterms\u002Fd\u002Fdevtools","DevTools is the built-in developer panel in every major browser (press F12 or right-click → Inspect).",{"title":399,"path":400,"acronym":7,"category":8,"difficulty":9,"description":401},"Dialog Element","\u002Fterms\u002Fd\u002Fdialog-element","The \u003Cdialog> element is HTML's built-in modal component. It handles focus trapping, the Escape key, backdrop styling, and top-layer rendering natively.",{"title":403,"path":404,"acronym":7,"category":8,"difficulty":15,"description":405},"Directive","\u002Fterms\u002Fd\u002Fdirective","Directives are special HTML attributes that tell Vue (or Angular) to do something special with an element.",{"title":407,"path":408,"acronym":409,"category":8,"difficulty":15,"description":410},"EAS Build","\u002Fterms\u002Fe\u002Feas-build","Expo Application Services Build","EAS Build is Expo's cloud build service that compiles your React Native app into real iOS and Android binaries without you needing Xcode or Android Studio...",{"title":412,"path":413,"acronym":414,"category":8,"difficulty":15,"description":415},"EAS Submit","\u002Fterms\u002Fe\u002Feas-submit","Expo Application Services Submit","EAS Submit automatically uploads your app binaries to the App Store and Play Store. No more manual uploading through web portals.",{"title":417,"path":418,"acronym":7,"category":8,"difficulty":9,"description":419},"ESLint","\u002Fterms\u002Fe\u002Feslint","ESLint is the code cop that reads your JavaScript and yells at you when you do something wrong or inconsistent.",{"title":421,"path":422,"acronym":7,"category":8,"difficulty":15,"description":423},"Easing Function","\u002Fterms\u002Fe\u002Feasing-function","Easing functions control the speed curve of an animation — do you start fast and slow down? Accelerate then decelerate? Bounce at the end?",{"title":425,"path":426,"acronym":7,"category":8,"difficulty":15,"description":427},"Electron","\u002Fterms\u002Fe\u002Felectron","Electron bundles Chromium and Node.js to let you build desktop apps with web tech. VS Code, Slack, Discord — all Electron. The catch?",{"title":429,"path":430,"acronym":7,"category":8,"difficulty":15,"description":431},"Emotion","\u002Fterms\u002Fe\u002Femotion","Emotion is CSS-in-JS that gives you two flavors: the styled-components-like syntax AND a css prop for inline styles.",{"title":433,"path":434,"acronym":7,"category":8,"difficulty":15,"description":435},"Error Boundary","\u002Fterms\u002Fe\u002Ferror-boundary","Error Boundaries are like safety nets in a circus.",{"title":437,"path":438,"acronym":7,"category":8,"difficulty":9,"description":439},"Error Click","\u002Fterms\u002Fe\u002Ferror-click","An error click is a click that triggers an error (JS exception, network failure).",{"title":441,"path":442,"acronym":7,"category":8,"difficulty":41,"description":443},"Event Loop","\u002Fterms\u002Fe\u002Fevent-loop","JavaScript can only do one thing at a time (single-threaded), but the Event Loop is the trick that makes it seem like it can multitask.",{"title":445,"path":446,"acronym":7,"category":8,"difficulty":9,"description":447},"Expo","\u002Fterms\u002Fe\u002Fexpo","Expo is the easy button for React Native.",{"title":449,"path":450,"acronym":7,"category":8,"difficulty":15,"description":451},"Expo Router","\u002Fterms\u002Fe\u002Fexpo-router","Expo Router brings file-based routing to React Native — just like Next.js does for web. Create a file, get a route.",{"title":453,"path":454,"acronym":455,"category":8,"difficulty":15,"description":456},"FCM","\u002Fterms\u002Ff\u002Ffcm","Firebase Cloud Messaging","FCM is Google's delivery service for push notifications to Android (and iOS too).",{"title":458,"path":459,"acronym":458,"category":8,"difficulty":15,"description":460},"FID","\u002Fterms\u002Ff\u002Ffid","FID measured how long it took for the browser to react after you first clicked something.",{"title":462,"path":463,"acronym":7,"category":8,"difficulty":15,"description":464},"FOIT","\u002Fterms\u002Ff\u002Ffoit","FOIT is when your browser hides all the text until the custom font loads, like a magician making your content vanish. 'Ta-da! Your heading is...",{"title":466,"path":467,"acronym":7,"category":8,"difficulty":15,"description":468},"FOUT","\u002Fterms\u002Ff\u002Ffout","FOUT is when your page shows up in boring system fonts and then — SURPRISE — swaps to the fancy custom font a second later.",{"title":470,"path":471,"acronym":7,"category":8,"difficulty":9,"description":472},"Falsy","\u002Fterms\u002Ff\u002Ffalsy","Falsy values are the six (well, seven) values in JavaScript that evaluate to false in a boolean context: false, 0, empty string, null, undefined, and NaN.",{"title":474,"path":475,"acronym":7,"category":8,"difficulty":9,"description":476},"Favicon","\u002Fterms\u002Ff\u002Ffavicon","The favicon is that tiny little icon in your browser tab next to the page title.",{"title":478,"path":479,"acronym":7,"category":8,"difficulty":9,"description":480},"Feature Detection","\u002Fterms\u002Ff\u002Ffeature-detection","Feature Detection checks if a browser supports a feature before trying to use it.",{"title":482,"path":483,"acronym":7,"category":8,"difficulty":9,"description":484},"Fetch","\u002Fterms\u002Ff\u002Ffetch","Fetch is the modern, built-in JavaScript way to make HTTP requests to APIs. You tell it a URL, it goes and gets the data, and you handle the response.",{"title":486,"path":487,"acronym":7,"category":8,"difficulty":9,"description":488},"Figma","\u002Fterms\u002Ff\u002Ffigma","The design tool that every designer uses and every developer has a love-hate relationship with.",{"title":490,"path":491,"acronym":7,"category":8,"difficulty":15,"description":492},"Figma to Code","\u002Fterms\u002Ff\u002Ffigma-to-code","Figma to Code is the dream of turning designer mockups into actual working code automatically.",{"title":494,"path":495,"acronym":7,"category":8,"difficulty":9,"description":496},"File-Based Routing","\u002Fterms\u002Ff\u002Ffile-based-routing","File-Based Routing means your folder structure IS your routing. Create pages\u002Fabout.vue and you get \u002Fabout.",{"title":498,"path":499,"acronym":7,"category":8,"difficulty":41,"description":500},"Fine-Grained Reactivity","\u002Fterms\u002Ff\u002Ffine-grained-reactivity","Fine-grained reactivity means the framework knows EXACTLY which tiny piece of the UI needs to update when data changes — no diffing, no re-rendering the wh...",{"title":502,"path":503,"acronym":7,"category":8,"difficulty":15,"description":504},"First Paint","\u002Fterms\u002Ff\u002Ffirst-paint","First Paint is the moment your browser stops showing a blank white screen and puts literally anything on it.",{"title":506,"path":507,"acronym":7,"category":8,"difficulty":9,"description":508},"Flexbox","\u002Fterms\u002Ff\u002Fflexbox","Flexbox is a CSS layout system that makes positioning elements in a row or column stupidly easy.",{"title":510,"path":511,"acronym":7,"category":8,"difficulty":15,"description":512},"Flipper","\u002Fterms\u002Ff\u002Fflipper","Flipper is Meta's debugging Swiss Army knife for mobile apps.",{"title":514,"path":515,"acronym":7,"category":8,"difficulty":15,"description":516},"Flutter","\u002Fterms\u002Ff\u002Fflutter","Flutter is Google's way of saying 'write once, run everywhere' and actually meaning it.",{"title":518,"path":519,"acronym":7,"category":8,"difficulty":15,"description":520},"Font Optimization","\u002Fterms\u002Ff\u002Ffont-optimization","Downloading an entire font family is like ordering the complete encyclopedia when you only need Volume F.",{"title":522,"path":523,"acronym":7,"category":8,"difficulty":15,"description":524},"Framer Motion","\u002Fterms\u002Ff\u002Fframer-motion","Framer Motion makes animations in React embarrassingly easy. Want a div to slide in? Just say 'animate this from here to there' and it handles the physics.",{"title":526,"path":527,"acronym":7,"category":8,"difficulty":9,"description":528},"Framework","\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":530,"path":531,"acronym":7,"category":8,"difficulty":9,"description":532},"Framework Churn","\u002Fterms\u002Ff\u002Fframework-churn","Framework churn is the constant rate at which new JavaScript frameworks appear, become fashionable, and get replaced. It's what causes framework fatigue.",{"title":534,"path":535,"acronym":7,"category":8,"difficulty":9,"description":536},"Framework Fatigue","\u002Fterms\u002Ff\u002Fframework-fatigue","Framework fatigue is the exhaustion of watching the JavaScript ecosystem ship a new meta-framework every 18 months. You just learned Next.",{"title":538,"path":539,"acronym":7,"category":8,"difficulty":15,"description":540},"Frontend Middleware","\u002Fterms\u002Ff\u002Ffrontend-middleware","Frontend middleware runs BEFORE a page renders — it can redirect you, check your auth, rewrite URLs, or add headers.",{"title":542,"path":543,"acronym":7,"category":8,"difficulty":41,"description":544},"GPU Acceleration","\u002Fterms\u002Fg\u002Fgpu-acceleration","GPU acceleration is when the browser offloads rendering work to your graphics card instead of making the CPU do everything.",{"title":546,"path":547,"acronym":546,"category":8,"difficulty":15,"description":548},"GSAP","\u002Fterms\u002Fg\u002Fgsap","GSAP (GreenSock Animation Platform) is the animation library that professional agencies use for those jaw-dropping website animations.",{"title":550,"path":551,"acronym":7,"category":8,"difficulty":15,"description":552},"Gatsby","\u002Fterms\u002Fg\u002Fgatsby","Gatsby is the overachiever that pre-builds your entire website into static HTML at build time, then sprinkles React on top for interactivity.",{"title":554,"path":555,"acronym":7,"category":8,"difficulty":9,"description":556},"Geolocation API","\u002Fterms\u002Fg\u002Fgeolocation-api","The Geolocation API tells your website where the user is in the real world — latitude, longitude, the works.",{"title":558,"path":559,"acronym":7,"category":8,"difficulty":15,"description":560},"Gesture Handler","\u002Fterms\u002Fg\u002Fgesture-handler","Gesture Handler replaces React Native's janky touch system with one that runs on the native thread.",{"title":562,"path":563,"acronym":7,"category":8,"difficulty":9,"description":564},"Google Play","\u002Fterms\u002Fg\u002Fgoogle-play","Android's app store — like Apple's App Store but with fewer rejections and more malware.",{"title":566,"path":567,"acronym":7,"category":8,"difficulty":9,"description":568},"Google Play Console","\u002Fterms\u002Fg\u002Fgoogle-play-console","Google Play Console is where you upload your Android app and manage its life on the Play Store.",{"title":570,"path":571,"acronym":7,"category":8,"difficulty":15,"description":572},"Graceful Degradation","\u002Fterms\u002Fg\u002Fgraceful-degradation","Graceful degradation is building the fancy version first, then making sure it doesn't completely break in older or limited environments.",{"title":574,"path":575,"acronym":7,"category":8,"difficulty":15,"description":576},"HMR","\u002Fterms\u002Fh\u002Fhmr","HMR stands for Hot Module Replacement. It's the dev server trick that updates your browser in real time without a full refresh.",{"title":578,"path":579,"acronym":580,"category":8,"difficulty":9,"description":581},"HTML","\u002Fterms\u002Fh\u002Fhtml","HyperText Markup Language","HTML is like the skeleton of a webpage. You write tags like \u003Ch1> and \u003Cp> and the browser builds the bones of your site from them.",{"title":583,"path":584,"acronym":7,"category":8,"difficulty":9,"description":585},"HTMX","\u002Fterms\u002Fh\u002Fhtmx","HTMX lets you build interactive web apps by adding special attributes to regular HTML — no JavaScript framework needed.",{"title":587,"path":588,"acronym":7,"category":8,"difficulty":15,"description":589},"Headless UI","\u002Fterms\u002Fh\u002Fheadless-ui","Headless UI is a component library that gives you all the behavior (keyboard navigation, focus management, accessibility) but zero styling.",{"title":591,"path":592,"acronym":7,"category":8,"difficulty":41,"description":593},"Hermes Engine","\u002Fterms\u002Fh\u002Fhermes-engine","Hermes is Meta's custom JavaScript engine built specifically for React Native.",{"title":595,"path":596,"acronym":7,"category":8,"difficulty":15,"description":597},"Hoisting","\u002Fterms\u002Fh\u002Fhoisting","Hoisting is JavaScript's weird quirk where variable and function declarations are mentally 'moved' to the top of their scope before code runs.",{"title":599,"path":600,"acronym":7,"category":8,"difficulty":15,"description":601},"Hook","\u002Fterms\u002Fh\u002Fhook","Hooks are special functions in React that let function components use superpowers like state and lifecycle that used to be class-only.",{"title":603,"path":604,"acronym":574,"category":8,"difficulty":15,"description":605},"Hot Module Replacement","\u002Fterms\u002Fh\u002Fhot-module-replacement","HMR is the magic that makes your browser update instantly when you save a file — without refreshing the whole page and losing your app state.",{"title":607,"path":608,"acronym":7,"category":8,"difficulty":15,"description":609},"Hydration","\u002Fterms\u002Fh\u002Fhydration","Hydration is when a server-rendered HTML page comes alive in the browser.",{"title":611,"path":612,"acronym":611,"category":8,"difficulty":15,"description":613},"INP","\u002Fterms\u002Fi\u002Finp","INP measures how snappy your website feels every time you interact with it — not just the first click, but every button press, dropdown open, and form subm...",{"title":615,"path":616,"acronym":617,"category":8,"difficulty":41,"description":618},"ISR","\u002Fterms\u002Fi\u002Fisr","Incremental Static Regeneration","ISR is the best of both SSG and SSR. Pages are pre-built statically but can automatically rebuild themselves in the background after a set time.",{"title":620,"path":621,"acronym":7,"category":8,"difficulty":15,"description":622},"Image Optimization","\u002Fterms\u002Fi\u002Fimage-optimization","Sending a full-size photo to your website is like shipping a grand piano when someone asked for a music box.",{"title":624,"path":625,"acronym":7,"category":8,"difficulty":15,"description":626},"In-App Purchase","\u002Fterms\u002Fi\u002Fin-app-purchase","In-app purchases let users buy stuff inside your app — subscriptions, extra lives, premium features.",{"title":628,"path":629,"acronym":7,"category":8,"difficulty":41,"description":630},"IndexedDB","\u002Fterms\u002Fi\u002Findexeddb","IndexedDB is a full-on database living inside your browser.",{"title":632,"path":633,"acronym":7,"category":8,"difficulty":9,"description":634},"Infinite Scroll","\u002Fterms\u002Fi\u002Finfinite-scroll","Infinite Scroll loads more content as you scroll down, like a bottomless pit of data. Social media feeds use it to keep you scrolling forever.",{"title":636,"path":637,"acronym":7,"category":8,"difficulty":15,"description":638},"Instant App","\u002Fterms\u002Fi\u002Finstant-app","Instant Apps are Android's version of 'try before you install.",{"title":640,"path":641,"acronym":7,"category":8,"difficulty":15,"description":642},"Intersection Observer","\u002Fterms\u002Fi\u002Fintersection-observer","Intersection Observer watches elements and tells you when they enter or leave the viewport. It's the bouncer checking if components are visible.",{"title":644,"path":645,"acronym":7,"category":8,"difficulty":15,"description":646},"Ionic","\u002Fterms\u002Fi\u002Fionic","Ionic gives you a library of mobile-looking UI components so your web app can cosplay as a native app.",{"title":648,"path":649,"acronym":7,"category":8,"difficulty":15,"description":650},"Island Architecture","\u002Fterms\u002Fi\u002Fisland-architecture","Island architecture is like building a static HTML beach with small islands of interactive JavaScript sprinkled on top.",{"title":652,"path":653,"acronym":7,"category":8,"difficulty":15,"description":654},"Islands","\u002Fterms\u002Fi\u002Fislands","Islands architecture is shipping a static HTML page with small 'islands' of interactive JavaScript.",{"title":656,"path":657,"acronym":7,"category":8,"difficulty":41,"description":658},"Islands Architecture","\u002Fterms\u002Fi\u002Fislands-architecture","Islands Architecture treats your page like an ocean of static HTML with little islands of interactivity.",{"title":660,"path":661,"acronym":660,"category":8,"difficulty":9,"description":662},"JSX","\u002Fterms\u002Fj\u002Fjsx","JSX is a JavaScript syntax extension that lets you write HTML-like code directly inside your JavaScript.",{"title":664,"path":665,"acronym":7,"category":8,"difficulty":9,"description":666},"JavaScript","\u002Fterms\u002Fj\u002Fjavascript","JavaScript is what makes websites actually DO stuff. HTML is the bones, CSS is the skin, and JavaScript is the muscles and brain.",{"title":668,"path":669,"acronym":7,"category":8,"difficulty":15,"description":670},"Jotai","\u002Fterms\u002Fj\u002Fjotai","Jotai treats state like individual atoms that you can combine like molecular chemistry.",{"title":672,"path":673,"acronym":7,"category":8,"difficulty":9,"description":674},"Keyframes","\u002Fterms\u002Fk\u002Fkeyframes","Keyframes are like the storyboard for a CSS animation.",{"title":676,"path":677,"acronym":676,"category":8,"difficulty":15,"description":678},"LCP","\u002Fterms\u002Fl\u002Flcp","LCP measures how long it takes for the biggest thing on your page to appear. Usually it's a hero image or a big headline.",{"title":680,"path":681,"acronym":7,"category":8,"difficulty":41,"description":682},"Layer Promotion","\u002Fterms\u002Fl\u002Flayer-promotion","Layer Promotion is when the browser puts an element on its own compositor layer, like giving it a VIP pass.",{"title":684,"path":685,"acronym":7,"category":8,"difficulty":9,"description":686},"Layouts","\u002Fterms\u002Fl\u002Flayouts","Layouts are wrapper components that persist across page navigations — things like headers, sidebars, and footers that don't change when you switch pages.",{"title":688,"path":689,"acronym":7,"category":8,"difficulty":9,"description":690},"Layouts (Frontend)","\u002Fterms\u002Fl\u002Flayouts-frontend","Layouts are like the floor plan of your website.",{"title":692,"path":693,"acronym":7,"category":8,"difficulty":9,"description":694},"Left-Pad Incident","\u002Fterms\u002Fl\u002Fleft-pad-incident","The left-pad incident is when one developer unpublished an 11-line npm package and broke the entire internet in 2016.",{"title":696,"path":697,"acronym":7,"category":8,"difficulty":9,"description":698},"Library","\u002Fterms\u002Fl\u002Flibrary","A library is a collection of tools you can use whenever you want, however you want. You're in charge.",{"title":700,"path":701,"acronym":7,"category":8,"difficulty":15,"description":702},"Lifecycle","\u002Fterms\u002Fl\u002Flifecycle","The lifecycle is a component's life story — it's born (mounted), lives and updates (updates), then dies (unmounted).",{"title":704,"path":705,"acronym":7,"category":8,"difficulty":9,"description":706},"Lighthouse","\u002Fterms\u002Fl\u002Flighthouse","Lighthouse is Google's report card for your website. It grades you on speed, accessibility, SEO, and best practices.",{"title":708,"path":709,"acronym":7,"category":8,"difficulty":15,"description":710},"Lit","\u002Fterms\u002Fl\u002Flit","Lit is Google's way of saying 'Web Components don't have to be painful.",{"title":712,"path":713,"acronym":7,"category":8,"difficulty":9,"description":714},"LocalStorage","\u002Fterms\u002Fl\u002Flocalstorage","LocalStorage is a simple key-value storage built into every browser that persists even after you close the tab.",{"title":716,"path":717,"acronym":7,"category":8,"difficulty":15,"description":718},"Long Tasks","\u002Fterms\u002Fl\u002Flong-tasks","Long Tasks are any JavaScript tasks that take more than 50ms and block the main thread.",{"title":720,"path":721,"acronym":7,"category":8,"difficulty":41,"description":722},"Long Tasks API","\u002Fterms\u002Fl\u002Flong-tasks-api","The Long Tasks API is a snitch that tells you whenever JavaScript hogs the main thread for more than 50 milliseconds.",{"title":724,"path":725,"acronym":7,"category":8,"difficulty":15,"description":726},"Lottie","\u002Fterms\u002Fl\u002Flottie","Lottie plays After Effects animations on the web as tiny JSON files instead of heavy GIFs or videos.",{"title":728,"path":729,"acronym":7,"category":8,"difficulty":15,"description":730},"MDX","\u002Fterms\u002Fm\u002Fmdx","MDX is what happens when Markdown and JSX have a baby — you can write your blog post in Markdown but drop in interactive React components wherever you want",{"title":732,"path":733,"acronym":734,"category":8,"difficulty":9,"description":735},"MPA","\u002Fterms\u002Fm\u002Fmpa","Multi-Page Application","An MPA is the old-school way — every link click loads a completely new HTML page from the server. Think Wikipedia. Each page is its own thing.",{"title":737,"path":738,"acronym":7,"category":8,"difficulty":15,"description":739},"MSW","\u002Fterms\u002Fm\u002Fmsw","MSW (Mock Service Worker) intercepts your API calls at the network level and returns fake data, like a polite man-in-the-middle attack on yourself.",{"title":741,"path":742,"acronym":7,"category":8,"difficulty":9,"description":743},"Mantine","\u002Fterms\u002Fm\u002Fmantine","Mantine is the component library that seems to have a component for literally everything.",{"title":745,"path":746,"acronym":7,"category":8,"difficulty":15,"description":747},"Markdoc","\u002Fterms\u002Fm\u002Fmarkdoc","Markdoc is Stripe's documentation framework that's like MDX's more disciplined cousin. Instead of letting you go wild with JSX, it uses a tag-based syntax ",{"title":749,"path":750,"acronym":7,"category":8,"difficulty":9,"description":751},"Material UI","\u002Fterms\u002Fm\u002Fmaterial-ui","Material UI (MUI) brings Google's Material Design to React.",{"title":753,"path":754,"acronym":7,"category":8,"difficulty":9,"description":755},"Media Query","\u002Fterms\u002Fm\u002Fmedia-query","A media query is a CSS if-statement based on screen conditions. 'If the screen is narrower than 768px, apply these styles.",{"title":757,"path":758,"acronym":7,"category":8,"difficulty":15,"description":759},"Memoization","\u002Fterms\u002Fm\u002Fmemoization","Teaching your code to remember answers it already calculated. If someone asks 'what's 47 × 83?' and you worked it out once, you write down the answer.",{"title":761,"path":762,"acronym":7,"category":8,"difficulty":9,"description":763},"Meta Tags","\u002Fterms\u002Fm\u002Fmeta-tags","Meta tags are invisible HTML tags that sit in your page's head and tell search engines and social media platforms about your page.",{"title":765,"path":766,"acronym":7,"category":8,"difficulty":15,"description":767},"Metro Bundler","\u002Fterms\u002Fm\u002Fmetro-bundler","Metro is React Native's module bundler — it takes all your JavaScript files, smooshes them together, and serves them to your app.",{"title":769,"path":770,"acronym":7,"category":8,"difficulty":9,"description":771},"Minification","\u002Fterms\u002Fm\u002Fminification","Minification is the full process of squishing your code files as small as possible before sending them to users.",{"title":773,"path":774,"acronym":7,"category":8,"difficulty":9,"description":775},"Minify","\u002Fterms\u002Fm\u002Fminify","Minification is when your code goes on a diet.",{"title":777,"path":778,"acronym":7,"category":8,"difficulty":15,"description":779},"MobX","\u002Fterms\u002Fm\u002Fmobx","MobX is state management for people who think Redux is too much work.",{"title":781,"path":782,"acronym":7,"category":8,"difficulty":9,"description":783},"Mobile First","\u002Fterms\u002Fm\u002Fmobile-first","Mobile first means you design for the smallest screen first, then add styles as screens get bigger.",{"title":785,"path":786,"acronym":7,"category":8,"difficulty":41,"description":787},"Mutation Observer","\u002Fterms\u002Fm\u002Fmutation-observer","Mutation Observer is the surveillance camera for your DOM.",{"title":789,"path":790,"acronym":7,"category":8,"difficulty":9,"description":791},"NPM Install Pray","\u002Fterms\u002Fn\u002Fnpm-install-pray","NPM install pray is the ritual of running `npm install`, closing your eyes, and hoping nothing breaks. Will there be peer dependency conflicts?",{"title":793,"path":794,"acronym":7,"category":8,"difficulty":41,"description":795},"Native Bridge","\u002Fterms\u002Fn\u002Fnative-bridge","A native bridge is the translator between your JavaScript world and the native platform APIs.",{"title":797,"path":798,"acronym":7,"category":8,"difficulty":41,"description":799},"Native Modules","\u002Fterms\u002Fn\u002Fnative-modules","Native modules are escape hatches that let you write actual Swift\u002FKotlin code when your cross-platform framework can't do something.",{"title":801,"path":802,"acronym":7,"category":8,"difficulty":15,"description":803},"Next.js","\u002Fterms\u002Fn\u002Fnext-js","Next.js is React's big sibling that adds superpowers like SSR, SSG, file-based routing, and API routes.",{"title":805,"path":806,"acronym":7,"category":8,"difficulty":15,"description":807},"Next.js Middleware","\u002Fterms\u002Fn\u002Fnext-js-middleware","Next.js Middleware is like a bouncer that intercepts every request before it reaches your page. It runs at the edge (close to the user) and can redirect, r",{"title":809,"path":810,"acronym":7,"category":8,"difficulty":9,"description":811},"Node Modules Black Hole","\u002Fterms\u002Fn\u002Fnode-modules-black-hole","The node_modules black hole is the abyss that forms when you run `npm install`. What starts as 5 dependencies becomes 500 nested packages totaling 400MB.",{"title":813,"path":814,"acronym":7,"category":8,"difficulty":15,"description":815},"Notification API","\u002Fterms\u002Fn\u002Fnotification-api","The Notification API lets websites show native system notifications — those little pop-ups in the corner of your screen.",{"title":817,"path":818,"acronym":7,"category":8,"difficulty":15,"description":819},"Nuxt","\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":821,"path":822,"acronym":7,"category":8,"difficulty":9,"description":823},"Nuxt UI","\u002Fterms\u002Fn\u002Fnuxt-ui","Nuxt UI is a gorgeous component library built specifically for Nuxt apps, powered by Tailwind CSS and Headless UI.",{"title":825,"path":826,"acronym":7,"category":8,"difficulty":9,"description":827},"Open Graph","\u002Fterms\u002Fo\u002Fopen-graph","Open Graph is the reason your link previews look nice when you paste them in iMessage, Slack, or Twitter. Without it, you just get a bare URL.",{"title":829,"path":830,"acronym":7,"category":8,"difficulty":15,"description":831},"Optimistic UI","\u002Fterms\u002Fo\u002Foptimistic-ui","Optimistic UI means updating the interface BEFORE the server confirms the action succeeded. Click 'Like'? The heart turns red immediately.",{"title":833,"path":834,"acronym":7,"category":8,"difficulty":15,"description":835},"Over-the-Air Updates","\u002Fterms\u002Fo\u002Fover-the-air-updates","OTA updates let you push JavaScript changes directly to users' phones without going through the App Store review process.",{"title":837,"path":838,"acronym":837,"category":8,"difficulty":15,"description":839},"PWA","\u002Fterms\u002Fp\u002Fpwa","A PWA is a website that pretends to be an app.",{"title":841,"path":842,"acronym":7,"category":8,"difficulty":9,"description":843},"Pages Router","\u002Fterms\u002Fp\u002Fpages-router","Pages Router is the OG Next.js routing system where you put files in the pages\u002F directory and they become routes. Simple, proven, and still works fine.",{"title":845,"path":846,"acronym":7,"category":8,"difficulty":41,"description":847},"Paint Timing","\u002Fterms\u002Fp\u002Fpaint-timing","Paint Timing is your browser's diary of when it drew stuff on screen. 'Dear diary, at 1.2 seconds I painted the first pixel. At 1.",{"title":849,"path":850,"acronym":7,"category":8,"difficulty":15,"description":851},"Parallax","\u002Fterms\u002Fp\u002Fparallax","Parallax is when background elements scroll slower than foreground elements, creating a fake sense of depth.",{"title":853,"path":854,"acronym":7,"category":8,"difficulty":15,"description":855},"Parallax Scrolling","\u002Fterms\u002Fp\u002Fparallax-scrolling","Parallax scrolling makes background images move slower than foreground content as you scroll, creating a fake 3D effect.",{"title":857,"path":858,"acronym":7,"category":8,"difficulty":9,"description":859},"Parcel","\u002Fterms\u002Fp\u002Fparcel","Parcel is the zero-config bundler that just works. No webpack.config.js, no rollup plugins, nothing.",{"title":861,"path":862,"acronym":7,"category":8,"difficulty":41,"description":863},"Partial Hydration","\u002Fterms\u002Fp\u002Fpartial-hydration","Partial Hydration is the art of only making interactive the parts of your page that actually need to be interactive. Why hydrate a static paragraph?",{"title":865,"path":866,"acronym":867,"category":8,"difficulty":41,"description":868},"Partial Prerendering","\u002Fterms\u002Fp\u002Fpartial-prerendering","PPR","Partial prerendering serves a static shell instantly and streams in the dynamic parts. Best of both worlds: static-like TTFB plus dynamic data. Next.",{"title":870,"path":871,"acronym":7,"category":8,"difficulty":15,"description":872},"Percy","\u002Fterms\u002Fp\u002Fpercy","Percy is a visual testing platform that screenshots your pages across different browsers and screen sizes, then highlights any visual differences between b...",{"title":874,"path":875,"acronym":7,"category":8,"difficulty":15,"description":876},"Performance Budget","\u002Fterms\u002Fp\u002Fperformance-budget","A performance budget is like a calorie limit for your website.",{"title":878,"path":879,"acronym":7,"category":8,"difficulty":9,"description":880},"Petite Vue","\u002Fterms\u002Fp\u002Fpetite-vue","Petite Vue is Vue's little sibling at just 6KB — it's designed for sprinkling interactivity on server-rendered HTML, just like Alpine.js.",{"title":882,"path":883,"acronym":7,"category":8,"difficulty":9,"description":884},"Pinia","\u002Fterms\u002Fp\u002Fpinia","Pinia is Vue's official state management that replaced Vuex and made everyone sigh with relief. No more mutations vs actions confusion.",{"title":886,"path":887,"acronym":7,"category":8,"difficulty":9,"description":888},"Pixel Pushing","\u002Fterms\u002Fp\u002Fpixel-pushing","Spending hours moving things 1 pixel left, 2 pixels up, changing that border from #eee to #e5e5e5.",{"title":890,"path":891,"acronym":7,"category":8,"difficulty":9,"description":892},"Polyfill","\u002Fterms\u002Fp\u002Fpolyfill","A polyfill is a piece of code that teaches old browsers new tricks. Browser doesn't support Promise? Here's a polyfill that fakes it.",{"title":894,"path":895,"acronym":7,"category":8,"difficulty":9,"description":896},"Popover API","\u002Fterms\u002Fp\u002Fpopover-api","The Popover API is a native HTML feature that lets you create popovers, tooltips, and menus without any JavaScript.",{"title":898,"path":899,"acronym":7,"category":8,"difficulty":15,"description":900},"Portals","\u002Fterms\u002Fp\u002Fportals","React Portals let you teleport a component's HTML output to a completely different part of the DOM while keeping it logically in the same place in your com...",{"title":902,"path":903,"acronym":7,"category":8,"difficulty":15,"description":904},"PostCSS","\u002Fterms\u002Fp\u002Fpostcss","PostCSS is a CSS processor that does... whatever its plugins tell it to do. It's like an empty pipeline where you plug in transformations. Autoprefixer?",{"title":906,"path":907,"acronym":7,"category":8,"difficulty":15,"description":908},"Preact","\u002Fterms\u002Fp\u002Fpreact","Preact is React after a juice cleanse. It does almost everything React does but in 3KB instead of 40KB.",{"title":910,"path":911,"acronym":7,"category":8,"difficulty":15,"description":912},"Prefetch","\u002Fterms\u002Fp\u002Fprefetch","Loading stuff before the user needs it. When someone hovers over a link, you start downloading that page's data so it loads instantly when they click.",{"title":914,"path":915,"acronym":7,"category":8,"difficulty":15,"description":916},"Preload","\u002Fterms\u002Fp\u002Fpreload","Telling the browser 'hey, you're gonna need this file SOON, start downloading it NOW.",{"title":918,"path":919,"acronym":7,"category":8,"difficulty":9,"description":920},"Prettier","\u002Fterms\u002Fp\u002Fprettier","Prettier is an opinionated code formatter that automatically reformats your code to look consistent. Single quotes or double quotes? 2 spaces or 4?",{"title":922,"path":923,"acronym":7,"category":8,"difficulty":41,"description":924},"ProGuard","\u002Fterms\u002Fp\u002Fproguard","ProGuard is Android's code shrinker that removes unused code, renames everything to single letters, and makes your APK smaller.",{"title":926,"path":927,"acronym":7,"category":8,"difficulty":15,"description":928},"Progressive Enhancement","\u002Fterms\u002Fp\u002Fprogressive-enhancement","Progressive enhancement means building a web page that works for everyone at its most basic level, then layering on fancy features for browsers that suppor...",{"title":930,"path":931,"acronym":7,"category":8,"difficulty":15,"description":932},"Progressive Web App","\u002Fterms\u002Fp\u002Fprogressive-web-app","A PWA is a website that put on a trench coat and convinced your phone it's a real app.",{"title":934,"path":935,"acronym":7,"category":8,"difficulty":15,"description":936},"Promise","\u002Fterms\u002Fp\u002Fpromise","A Promise is JavaScript's way of saying 'I'll give you a value eventually — it's not ready yet, but I promise.",{"title":938,"path":939,"acronym":7,"category":8,"difficulty":9,"description":940},"Props","\u002Fterms\u002Fp\u002Fprops","Props are how you pass information INTO a component, like giving a coffee machine its settings.",{"title":942,"path":943,"acronym":7,"category":8,"difficulty":41,"description":944},"Prototype","\u002Fterms\u002Fp\u002Fprototype","Every object in JavaScript secretly has a parent object called its prototype.",{"title":946,"path":947,"acronym":7,"category":8,"difficulty":9,"description":948},"Push Notification","\u002Fterms\u002Fp\u002Fpush-notification","Push notifications are those little messages that pop up on your phone even when the app is closed.",{"title":950,"path":951,"acronym":7,"category":8,"difficulty":41,"description":952},"Qwik","\u002Fterms\u002Fq\u002Fqwik","Qwik is the ultimate procrastinator framework, and that's a compliment. It loads absolutely nothing until you actually interact with something.",{"title":954,"path":955,"acronym":7,"category":8,"difficulty":41,"description":956},"RSC","\u002Fterms\u002Fr\u002Frsc","React Server Components are React's way of saying 'what if some components just... ran on the server and never bothered the browser?' It's like a restauran",{"title":958,"path":959,"acronym":7,"category":8,"difficulty":15,"description":960},"RSPack","\u002Fterms\u002Fr\u002Frspack","Rspack is a Rust-powered replacement for Webpack that builds your project insanely fast. Imagine replacing your bicycle chain with a jet engine.",{"title":962,"path":963,"acronym":7,"category":8,"difficulty":15,"description":964},"Radix UI","\u002Fterms\u002Fr\u002Fradix-ui","Radix UI gives you components that work perfectly but look like nothing.",{"title":966,"path":967,"acronym":7,"category":8,"difficulty":9,"description":968},"Rage Click","\u002Fterms\u002Fr\u002Frage-click","A rage click is when a frustrated user clicks the same button five times rapidly because nothing happened. It's your UX screaming.",{"title":970,"path":971,"acronym":7,"category":8,"difficulty":9,"description":972},"React","\u002Fterms\u002Fr\u002Freact","React is a JavaScript library from Meta for building UIs out of components.",{"title":974,"path":975,"acronym":7,"category":8,"difficulty":9,"description":976},"React Context","\u002Fterms\u002Fr\u002Freact-context","React Context is like a family group chat for your components.",{"title":978,"path":979,"acronym":7,"category":8,"difficulty":15,"description":980},"React Hook Form","\u002Fterms\u002Fr\u002Freact-hook-form","React Hook Form is the form library that said 'what if we just... didn't re-render the whole form on every keystroke?",{"title":982,"path":983,"acronym":7,"category":8,"difficulty":15,"description":984},"React Native","\u002Fterms\u002Fr\u002Freact-native","React Native lets you build iPhone and Android apps using React and JavaScript. It's like React put on a disguise and snuck into the App Store.",{"title":986,"path":987,"acronym":7,"category":8,"difficulty":15,"description":988},"React Navigation","\u002Fterms\u002Fr\u002Freact-navigation","React Navigation handles all the screen-to-screen transitions in your React Native app — stack navigation, tab bars, drawers, the works.",{"title":990,"path":991,"acronym":7,"category":8,"difficulty":15,"description":992},"React Portals","\u002Fterms\u002Fr\u002Freact-portals","React Portals are teleportation devices for your components. Need a modal that renders in document.body but still lives in your component tree? Portal it.",{"title":994,"path":995,"acronym":7,"category":8,"difficulty":15,"description":996},"React Query","\u002Fterms\u002Fr\u002Freact-query","React Query takes all that messy useEffect-fetch-loading-error-state code and replaces it with one beautiful hook.",{"title":998,"path":999,"acronym":7,"category":8,"difficulty":41,"description":1000},"React Server Components","\u002Fterms\u002Fr\u002Freact-server-components","React Server Components run on the server and send zero JavaScript to the browser.",{"title":1002,"path":1003,"acronym":7,"category":8,"difficulty":41,"description":1004},"React Three Fiber","\u002Fterms\u002Fr\u002Freact-three-fiber","React Three Fiber lets you build Three.js 3D scenes using React components.",{"title":1006,"path":1007,"acronym":7,"category":8,"difficulty":15,"description":1008},"Reactive","\u002Fterms\u002Fr\u002Freactive","Reactive means your data and your UI are connected — when the data changes, the screen updates automatically, like magic.",{"title":1010,"path":1011,"acronym":7,"category":8,"difficulty":15,"description":1012},"Reactivity","\u002Fterms\u002Fr\u002Freactivity","Reactivity is the system that makes your UI automatically keep up with your data.",{"title":1014,"path":1015,"acronym":7,"category":8,"difficulty":41,"description":1016},"Reanimated","\u002Fterms\u002Fr\u002Freanimated","Reanimated is React Native's animation library on steroids.",{"title":1018,"path":1019,"acronym":7,"category":8,"difficulty":15,"description":1020},"Recharts","\u002Fterms\u002Fr\u002Frecharts","Recharts is Chart.js's React-native cousin — built with React components so your charts feel like natural citizens of your React app.",{"title":1022,"path":1023,"acronym":7,"category":8,"difficulty":15,"description":1024},"Recoil","\u002Fterms\u002Fr\u002Frecoil","Recoil was Meta's experiment in atomic state management for React. It lets you create atoms and selectors that feel native to React's concurrent features.",{"title":1026,"path":1027,"acronym":7,"category":8,"difficulty":15,"description":1028},"Redux","\u002Fterms\u002Fr\u002Fredux","Redux is the granddaddy of React state management that makes you write three files to update one number. Actions, reducers, dispatchers, oh my!",{"title":1030,"path":1031,"acronym":7,"category":8,"difficulty":15,"description":1032},"Redux Toolkit","\u002Fterms\u002Fr\u002Fredux-toolkit","Redux Toolkit is Redux's apology letter.",{"title":1034,"path":1035,"acronym":7,"category":8,"difficulty":41,"description":1036},"Reflow","\u002Fterms\u002Fr\u002Freflow","A reflow is when the browser recalculates the size and position of everything on the page because you changed one element's layout.",{"title":1038,"path":1039,"acronym":7,"category":8,"difficulty":15,"description":1040},"Remix","\u002Fterms\u002Fr\u002Fremix","Remix is the framework that reminds you the web already had solutions before we broke everything with SPAs.",{"title":1042,"path":1043,"acronym":7,"category":8,"difficulty":41,"description":1044},"Repaint","\u002Fterms\u002Fr\u002Frepaint","A repaint is when the browser redraws pixels because you changed something visual like a color or shadow.",{"title":1046,"path":1047,"acronym":7,"category":8,"difficulty":15,"description":1048},"Resize Observer","\u002Fterms\u002Fr\u002Fresize-observer","Resize Observer tells you when an element changes size. Not the window, the actual element.",{"title":1050,"path":1051,"acronym":7,"category":8,"difficulty":9,"description":1052},"Responsive Design","\u002Fterms\u002Fr\u002Fresponsive-design","Responsive design means your website looks good on EVERY screen size — from a tiny phone to a giant 4K monitor.",{"title":1054,"path":1055,"acronym":7,"category":8,"difficulty":9,"description":1056},"Responsive vs Adaptive","\u002Fterms\u002Fr\u002Fresponsive-vs-adaptive","Responsive design flows like water — it adjusts smoothly to any screen size. Adaptive design has fixed breakpoints — it snaps between pre-designed layouts.",{"title":1058,"path":1059,"acronym":7,"category":8,"difficulty":41,"description":1060},"Resumability","\u002Fterms\u002Fr\u002Fresumability","Resumability is Qwik's approach to avoiding hydration entirely.",{"title":1062,"path":1063,"acronym":7,"category":8,"difficulty":15,"description":1064},"Rollup","\u002Fterms\u002Fr\u002Frollup","Rollup is the bundler you use when you're building a library rather than an app.",{"title":1066,"path":1067,"acronym":7,"category":8,"difficulty":15,"description":1068},"SCSS","\u002Fterms\u002Fs\u002Fscss","SCSS is the syntax of Sass that looks like regular CSS but with superpowers added.",{"title":1070,"path":1071,"acronym":7,"category":8,"difficulty":9,"description":1072},"SEO","\u002Fterms\u002Fs\u002Fseo","SEO is the art of convincing Google to rank your website higher than your competitors.",{"title":1074,"path":1075,"acronym":1076,"category":8,"difficulty":9,"description":1077},"SPA","\u002Fterms\u002Fs\u002Fspa","Single Page Application","A SPA is a website that loads ONE HTML page and then never does a full page reload again.",{"title":1079,"path":1080,"acronym":1081,"category":8,"difficulty":15,"description":1082},"SSG","\u002Fterms\u002Fs\u002Fssg","Static Site Generation","SSG builds all your pages ahead of time — before anyone visits. You get a folder of plain HTML files that are blazing fast to serve from a CDN.",{"title":1084,"path":1085,"acronym":1086,"category":8,"difficulty":15,"description":1087},"SSR","\u002Fterms\u002Fs\u002Fssr","Server-Side Rendering","SSR means the server builds your HTML before sending it to the user's browser.",{"title":1089,"path":1090,"acronym":7,"category":8,"difficulty":15,"description":1091},"SVG Animation","\u002Fterms\u002Fs\u002Fsvg-animation","SVG animation brings vector graphics to life with smooth, scalable motion that looks sharp on any screen.",{"title":1093,"path":1094,"acronym":7,"category":8,"difficulty":15,"description":1095},"SWC","\u002Fterms\u002Fs\u002Fswc","SWC is Babel written in Rust, and it's FAST. Like, 20-70x faster fast. Next.js switched to it and build times dropped dramatically.",{"title":1097,"path":1098,"acronym":7,"category":8,"difficulty":15,"description":1099},"SWR","\u002Fterms\u002Fs\u002Fswr","SWR stands for 'stale-while-revalidate' and it's Vercel's answer to data fetching.",{"title":1101,"path":1102,"acronym":7,"category":8,"difficulty":15,"description":1103},"Sass","\u002Fterms\u002Fs\u002Fsass","Sass is CSS with superpowers — variables, nesting, mixins, and functions that vanilla CSS didn't have for years.",{"title":1105,"path":1106,"acronym":7,"category":8,"difficulty":15,"description":1107},"Scope","\u002Fterms\u002Fs\u002Fscope","Scope is about where your variables are visible. Variables defined inside a function can't be seen outside it (that's function scope).",{"title":1109,"path":1110,"acronym":7,"category":8,"difficulty":9,"description":1111},"Screen Reader","\u002Fterms\u002Fs\u002Fscreen-reader","A screen reader is software that reads your website out loud for people who can't see the screen.",{"title":1113,"path":1114,"acronym":7,"category":8,"difficulty":9,"description":1115},"Scroll Snap","\u002Fterms\u002Fs\u002Fscroll-snap","CSS Scroll Snap makes scrolling lock onto specific points — like flipping through pages or snapping to cards in a carousel. No JavaScript needed.",{"title":1117,"path":1118,"acronym":7,"category":8,"difficulty":15,"description":1119},"Scroll-Driven Animations","\u002Fterms\u002Fs\u002Fscroll-driven-animations","Scroll-driven animations let you tie animations to scroll position using pure CSS — no JavaScript scroll listeners, no Intersection Observer hacks.",{"title":1121,"path":1122,"acronym":7,"category":8,"difficulty":9,"description":1123},"Semantic HTML","\u002Fterms\u002Fs\u002Fsemantic-html","Semantic HTML means using the RIGHT tag for the job instead of wrapping everything in divs.",{"title":1125,"path":1126,"acronym":7,"category":8,"difficulty":41,"description":1127},"Server Actions","\u002Fterms\u002Fs\u002Fserver-actions","Server Actions let you write a function in your React component that magically runs on the server when called.",{"title":1129,"path":1130,"acronym":7,"category":8,"difficulty":41,"description":1131},"Server Components","\u002Fterms\u002Fs\u002Fserver-components","Server components are React components that run on the server and never ship JavaScript to the browser.",{"title":1133,"path":1134,"acronym":7,"category":8,"difficulty":41,"description":1135},"Service Worker","\u002Fterms\u002Fs\u002Fservice-worker","A Service Worker is a JavaScript script that runs in the background, separate from your web page.",{"title":1137,"path":1138,"acronym":7,"category":8,"difficulty":9,"description":1139},"SessionStorage","\u002Fterms\u002Fs\u002Fsessionstorage","SessionStorage is just like LocalStorage except it forgets everything when you close the browser tab.",{"title":1141,"path":1142,"acronym":7,"category":8,"difficulty":9,"description":1143},"Shadcn\u002Fui","\u002Fterms\u002Fs\u002Fshadcn-ui","Shadcn\u002Fui is not a component library you install — it's a collection of beautifully designed components you COPY into your project.",{"title":1145,"path":1146,"acronym":7,"category":8,"difficulty":41,"description":1147},"Shadow DOM","\u002Fterms\u002Fs\u002Fshadow-dom","Shadow DOM is like a force field around your component's internals.",{"title":1149,"path":1150,"acronym":7,"category":8,"difficulty":15,"description":1151},"Shim","\u002Fterms\u002Fs\u002Fshim","A shim is a thin piece of code that makes old things work with new things (or vice versa).",{"title":1153,"path":1154,"acronym":7,"category":8,"difficulty":15,"description":1155},"Signals","\u002Fterms\u002Fs\u002Fsignals","Signals are reactive primitives that hold a value and automatically notify the UI when that value changes — with surgical precision.",{"title":1157,"path":1158,"acronym":7,"category":8,"difficulty":9,"description":1159},"Skeleton Loading","\u002Fterms\u002Fs\u002Fskeleton-loading","Skeleton Loading shows gray placeholder shapes where content will appear, like a ghost version of your page.",{"title":1161,"path":1162,"acronym":7,"category":8,"difficulty":9,"description":1163},"Skeleton Screen","\u002Fterms\u002Fs\u002Fskeleton-screen","A skeleton screen is that gray placeholder layout you see before content loads — the ghostly outlines of cards, text lines, and avatars that show you where...",{"title":1165,"path":1166,"acronym":7,"category":8,"difficulty":41,"description":1167},"Skia","\u002Fterms\u002Fs\u002Fskia","Skia is the 2D graphics engine that powers Chrome, Android, and Flutter.",{"title":1169,"path":1170,"acronym":7,"category":8,"difficulty":15,"description":1171},"Slot","\u002Fterms\u002Fs\u002Fslot","A slot is a placeholder in a component where a parent can inject its own custom content.",{"title":1173,"path":1174,"acronym":7,"category":8,"difficulty":15,"description":1175},"Solid.js","\u002Fterms\u002Fs\u002Fsolid-js","Imagine React went to the gym, got ripped, and dropped the Virtual DOM weight. Solid.",{"title":1177,"path":1178,"acronym":7,"category":8,"difficulty":15,"description":1179},"Source Map","\u002Fterms\u002Fs\u002Fsource-map","Source maps are the translation files that let your browser's DevTools show you the original, readable source code even though the browser is actually runn...",{"title":1181,"path":1182,"acronym":7,"category":8,"difficulty":9,"description":1183},"Spread Operator","\u002Fterms\u002Fs\u002Fspread-operator","The spread operator (...) lets you unpack an array or object and spread its contents somewhere else. Need to copy an array? Spread it.",{"title":1185,"path":1186,"acronym":7,"category":8,"difficulty":9,"description":1187},"StackBlitz","\u002Fterms\u002Fs\u002Fstackblitz","StackBlitz is a full-blown development environment that runs entirely in your browser using WebContainers. No cloud server, no VM — Node.js is literally ru",{"title":1189,"path":1190,"acronym":7,"category":8,"difficulty":9,"description":1191},"State","\u002Fterms\u002Fs\u002Fstate","State is a component's memory — data that can change over time and causes the UI to update when it does. Think of a counter: the number is state.",{"title":1193,"path":1194,"acronym":7,"category":8,"difficulty":15,"description":1195},"Stencil","\u002Fterms\u002Fs\u002Fstencil","Stencil is a compiler that generates standard Web Components using a React-like developer experience — JSX, decorators, reactive data.",{"title":1197,"path":1198,"acronym":7,"category":8,"difficulty":9,"description":1199},"Sticky Positioning","\u002Fterms\u002Fs\u002Fsticky-positioning","Sticky positioning is like putting a Post-it note on a document — it scrolls with the page until it hits a certain point, then sticks there stubbornly.",{"title":1201,"path":1202,"acronym":7,"category":8,"difficulty":15,"description":1203},"Stimulus","\u002Fterms\u002Fs\u002Fstimulus","Stimulus is a modest JavaScript framework that adds behavior to your HTML using data attributes.",{"title":1205,"path":1206,"acronym":7,"category":8,"difficulty":9,"description":1207},"Storybook","\u002Fterms\u002Fs\u002Fstorybook","Storybook is like a showroom for your UI components.",{"title":1209,"path":1210,"acronym":7,"category":8,"difficulty":41,"description":1211},"Streaming SSR","\u002Fterms\u002Fs\u002Fstreaming-ssr","Streaming SSR sends HTML to the browser in chunks as it's generated, instead of waiting for the entire page to be ready.",{"title":1213,"path":1214,"acronym":7,"category":8,"difficulty":15,"description":1215},"Styled Components","\u002Fterms\u002Fs\u002Fstyled-components","Styled Components lets you write CSS right inside your JavaScript using tagged template literals.",{"title":1217,"path":1218,"acronym":7,"category":8,"difficulty":15,"description":1219},"Suspense","\u002Fterms\u002Fs\u002Fsuspense","Suspense is React's way of saying 'hold on, something is loading, show this placeholder instead of crashing.",{"title":1221,"path":1222,"acronym":7,"category":8,"difficulty":15,"description":1223},"Svelte","\u002Fterms\u002Fs\u002Fsvelte","Svelte is a framework that disappears at build time.",{"title":1225,"path":1226,"acronym":1227,"category":8,"difficulty":15,"description":1228},"TTFB","\u002Fterms\u002Ft\u002Fttfb","Time to First Byte","How long it takes from clicking a link to receiving the very first byte of data from the server.",{"title":1230,"path":1231,"acronym":7,"category":8,"difficulty":15,"description":1232},"Tagged Templates","\u002Fterms\u002Ft\u002Ftagged-templates","Tagged Templates are template literals with a function stuck in front of them.",{"title":1234,"path":1235,"acronym":7,"category":8,"difficulty":9,"description":1236},"Tailwind","\u002Fterms\u002Ft\u002Ftailwind","Tailwind is a CSS framework where instead of writing CSS files you add utility classes directly to your HTML.",{"title":1238,"path":1239,"acronym":7,"category":8,"difficulty":15,"description":1240},"Tailwind Plugins","\u002Fterms\u002Ft\u002Ftailwind-plugins","Tailwind Plugins extend Tailwind with custom utilities, components, and variants. Want a text-shadow utility? An animation that doesn't exist yet?",{"title":1242,"path":1243,"acronym":7,"category":8,"difficulty":15,"description":1244},"TanStack","\u002Fterms\u002Ft\u002Ftanstack","TanStack is Tanner Linsley's empire of framework-agnostic tools.",{"title":1246,"path":1247,"acronym":7,"category":8,"difficulty":15,"description":1248},"Tanstack Router","\u002Fterms\u002Ft\u002Ftanstack-router","Tanstack Router is the type-safe routing solution that looked at React Router and said 'that's cute, but what if every route, parameter, and search string ",{"title":1250,"path":1251,"acronym":7,"category":8,"difficulty":15,"description":1252},"Tanstack Table","\u002Fterms\u002Ft\u002Ftanstack-table","Tanstack Table is a headless table library, meaning it gives you all the brain of a data table (sorting, filtering, pagination) but none of the looks — you",{"title":1254,"path":1255,"acronym":7,"category":8,"difficulty":15,"description":1256},"Tauri","\u002Fterms\u002Ft\u002Ftauri","Tauri lets you build desktop apps using web technologies (HTML, CSS, JavaScript) but instead of bundling a whole Chromium browser like Electron, it uses th...",{"title":1258,"path":1259,"acronym":7,"category":8,"difficulty":9,"description":1260},"Template","\u002Fterms\u002Ft\u002Ftemplate","A template is the HTML part of your component — the blueprint for what it looks like. In Vue you write it inside a \u003Ctemplate> tag. In React you return JSX.",{"title":1262,"path":1263,"acronym":7,"category":8,"difficulty":9,"description":1264},"TestFlight","\u002Fterms\u002Ft\u002Ftestflight","TestFlight is Apple's way of letting you share beta versions of your app with testers before it goes live.",{"title":1266,"path":1267,"acronym":7,"category":8,"difficulty":41,"description":1268},"Three.js","\u002Fterms\u002Ft\u002Fthree-js","Three.js lets you build 3D worlds in the browser — spinning products, interactive scenes, entire games.",{"title":1270,"path":1271,"acronym":7,"category":8,"difficulty":15,"description":1272},"Throttle","\u002Fterms\u002Ft\u002Fthrottle","Limiting how often a function can fire. Unlike debounce (which waits until you STOP), throttle fires at a steady rate no matter how fast you trigger it.",{"title":1274,"path":1275,"acronym":7,"category":8,"difficulty":15,"description":1276},"Time to Interactive","\u002Fterms\u002Ft\u002Ftime-to-interactive","Time to Interactive is when your page stops being a beautiful painting you can't touch and actually starts responding to clicks.",{"title":1278,"path":1279,"acronym":7,"category":8,"difficulty":41,"description":1280},"Total Blocking Time","\u002Fterms\u002Ft\u002Ftotal-blocking-time","Total Blocking Time is the sum of all the moments your browser was too busy running JavaScript to notice you desperately clicking buttons.",{"title":1282,"path":1283,"acronym":7,"category":8,"difficulty":9,"description":1284},"Transform","\u002Fterms\u002Ft\u002Ftransform","CSS transform lets you rotate, scale, move, and skew elements without affecting the document flow.",{"title":1286,"path":1287,"acronym":7,"category":8,"difficulty":15,"description":1288},"Tree Shaking","\u002Fterms\u002Ft\u002Ftree-shaking","Tree shaking is when your bundler looks at all the code you imported but never actually used, and throws it in the trash.",{"title":1290,"path":1291,"acronym":7,"category":8,"difficulty":9,"description":1292},"Truthy","\u002Fterms\u002Ft\u002Ftruthy","In JavaScript, truthy means 'not technically true, but close enough.' The number 42 is truthy. The string 'hello' is truthy.",{"title":1294,"path":1295,"acronym":7,"category":8,"difficulty":15,"description":1296},"Turbo","\u002Fterms\u002Ft\u002Fturbo","Turbo (from Hotwire) makes traditional server-rendered apps feel like SPAs by intercepting link clicks and form submissions to swap only the page body via...",{"title":1298,"path":1299,"acronym":7,"category":8,"difficulty":15,"description":1300},"Turbopack","\u002Fterms\u002Ft\u002Fturbopack","Turbopack is Vercel's attempt at building the fastest bundler ever, written in Rust by the creator of Webpack.",{"title":1302,"path":1303,"acronym":7,"category":8,"difficulty":15,"description":1304},"Tween","\u002Fterms\u002Ft\u002Ftween","A tween (short for 'in-between') smoothly transitions a value from A to B over time. Move an element from x=0 to x=100 over 500ms? That's a tween.",{"title":1306,"path":1307,"acronym":7,"category":8,"difficulty":15,"description":1308},"Two-way Binding","\u002Fterms\u002Ft\u002Ftwo-way-binding","Two-way binding means your data and your input field are best friends who always tell each other what changed. Type in the box and the data updates.",{"title":1310,"path":1311,"acronym":7,"category":8,"difficulty":15,"description":1312},"Type Coercion","\u002Fterms\u002Ft\u002Ftype-coercion","Type coercion is JavaScript's 'helpful' habit of automatically converting types when you didn't ask it to. '5' + 3 equals '53' (string).",{"title":1314,"path":1315,"acronym":7,"category":8,"difficulty":15,"description":1316},"TypeScript","\u002Fterms\u002Ft\u002Ftypescript","TypeScript is JavaScript with a strict parent watching over it.",{"title":1318,"path":1319,"acronym":7,"category":8,"difficulty":15,"description":1320},"Universal Links","\u002Fterms\u002Fu\u002Funiversal-links","Universal Links are Apple's way of making regular web URLs open your iOS app. If the app is installed, the link opens the app.",{"title":1322,"path":1323,"acronym":7,"category":8,"difficulty":15,"description":1324},"UnoCSS","\u002Fterms\u002Fu\u002Funocss","UnoCSS is like Tailwind on steroids.",{"title":1326,"path":1327,"acronym":7,"category":8,"difficulty":41,"description":1328},"Use Server","\u002Fterms\u002Fu\u002Fuse-server","'use server' is a React directive that marks a function as running on the server only.",{"title":1330,"path":1331,"acronym":7,"category":8,"difficulty":15,"description":1332},"Vanilla Extract","\u002Fterms\u002Fv\u002Fvanilla-extract","Vanilla Extract is CSS-in-JS with zero runtime cost. You write styles in TypeScript files at build time, and they compile to plain CSS class names.",{"title":1334,"path":1335,"acronym":7,"category":8,"difficulty":41,"description":1336},"View Transitions","\u002Fterms\u002Fv\u002Fview-transitions","View Transitions API lets you animate between page states — or even between pages — with smooth crossfade, morph, and slide effects.",{"title":1338,"path":1339,"acronym":7,"category":8,"difficulty":15,"description":1340},"View Transitions API","\u002Fterms\u002Fv\u002Fview-transitions-api","The View Transitions API lets you animate between page navigations with smooth, native transitions — no framework needed.",{"title":1342,"path":1343,"acronym":7,"category":8,"difficulty":9,"description":1344},"Viewport","\u002Fterms\u002Fv\u002Fviewport","The viewport is the visible area of a webpage in the user's browser window. It changes depending on the device — small on a phone, huge on a 4K monitor.",{"title":1346,"path":1347,"acronym":7,"category":8,"difficulty":15,"description":1348},"Virtual DOM","\u002Fterms\u002Fv\u002Fvirtual-dom","The Virtual DOM is a lightweight copy of the real DOM that lives in memory.",{"title":1350,"path":1351,"acronym":7,"category":8,"difficulty":15,"description":1352},"Virtual Scrolling","\u002Fterms\u002Fv\u002Fvirtual-scrolling","Virtual Scrolling is the magician's trick for long lists. You have 10,000 items but only render the 20 visible ones.",{"title":1354,"path":1355,"acronym":7,"category":8,"difficulty":41,"description":1356},"Visx","\u002Fterms\u002Fv\u002Fvisx","Visx is Airbnb's collection of low-level visualization primitives for React. It's like D3 but decomposed into tiny React components.",{"title":1358,"path":1359,"acronym":7,"category":8,"difficulty":9,"description":1360},"Vite","\u002Fterms\u002Fv\u002Fvite","Vite is what happens when someone got sick of waiting 30 seconds for Webpack to start.",{"title":1362,"path":1363,"acronym":7,"category":8,"difficulty":9,"description":1364},"Vue","\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.",{"title":1366,"path":1367,"acronym":7,"category":8,"difficulty":15,"description":1368},"Vuetify","\u002Fterms\u002Fv\u002Fvuetify","Vuetify is the Material Design component library for Vue — it's like Material UI but for the Vue ecosystem.",{"title":1370,"path":1371,"acronym":7,"category":8,"difficulty":15,"description":1372},"Vuex","\u002Fterms\u002Fv\u002Fvuex","Vuex was Vue's original state management library and it loved ceremony.",{"title":1374,"path":1375,"acronym":7,"category":8,"difficulty":15,"description":1376},"Web Animations API","\u002Fterms\u002Fw\u002Fweb-animations-api","The Web Animations API lets you do CSS animations and transitions from JavaScript, with full control over playback.",{"title":1378,"path":1379,"acronym":7,"category":8,"difficulty":15,"description":1380},"Web Component","\u002Fterms\u002Fw\u002Fweb-component","Web components are custom HTML elements that you build yourself — like creating your own LEGO brick.",{"title":1382,"path":1383,"acronym":7,"category":8,"difficulty":15,"description":1384},"Web Components","\u002Fterms\u002Fw\u002Fweb-components","Web Components are the browser's native component system. Custom elements, shadow DOM, templates - no framework needed.",{"title":1386,"path":1387,"acronym":7,"category":8,"difficulty":9,"description":1388},"Web Font","\u002Fterms\u002Fw\u002Fweb-font","Web Fonts are custom fonts loaded over the internet instead of using the boring default system fonts.",{"title":1390,"path":1391,"acronym":7,"category":8,"difficulty":15,"description":1392},"Web Font Loading","\u002Fterms\u002Fw\u002Fweb-font-loading","Web font loading is the art of getting custom fonts to show up without your text doing a magic disappearing act or a jarring costume change mid-sentence.",{"title":1394,"path":1395,"acronym":7,"category":8,"difficulty":9,"description":1396},"Web Share API","\u002Fterms\u002Fw\u002Fweb-share-api","The Web Share API triggers the native share sheet from a website — the same one native apps use.",{"title":1398,"path":1399,"acronym":7,"category":8,"difficulty":15,"description":1400},"Web Vitals","\u002Fterms\u002Fw\u002Fweb-vitals","Web Vitals are Google's report card for how good your website feels to use. They measure things like 'how fast does the main content load?",{"title":1402,"path":1403,"acronym":7,"category":8,"difficulty":41,"description":1404},"Web Worker","\u002Fterms\u002Fw\u002Fweb-worker","JavaScript normally runs on one thread, which means heavy computation freezes your UI.",{"title":1406,"path":1407,"acronym":7,"category":8,"difficulty":41,"description":1408},"WebAssembly","\u002Fterms\u002Fw\u002Fwebassembly","Browsers run JavaScript — but JavaScript is slow for heavy tasks like video encoding or game physics.",{"title":1410,"path":1411,"acronym":7,"category":8,"difficulty":41,"description":1412},"WebContainers","\u002Fterms\u002Fw\u002Fwebcontainers","WebContainers are the black magic that lets Node.js run inside your browser tab. It's a full operating system environment compiled to WebAssembly — you can",{"title":1414,"path":1415,"acronym":7,"category":8,"difficulty":41,"description":1416},"WebGL","\u002Fterms\u002Fw\u002Fwebgl","WebGL gives your browser direct access to the GPU for rendering 2D and 3D graphics at blazing speed.",{"title":1418,"path":1419,"acronym":7,"category":8,"difficulty":41,"description":1420},"WebGPU","\u002Fterms\u002Fw\u002Fwebgpu","WebGPU is the browser's modern GPU API — a replacement for WebGL that finally lets websites run compute workloads (ML, simulations, shaders) on the GPU at...",{"title":1422,"path":1423,"acronym":7,"category":8,"difficulty":15,"description":1424},"Webpack","\u002Fterms\u002Fw\u002Fwebpack","Webpack is the OG bundler — the grumpy grandpa of the JavaScript build world.",{"title":1426,"path":1427,"acronym":7,"category":8,"difficulty":41,"description":1428},"Will-Change","\u002Fterms\u002Fw\u002Fwill-change","Will-change is like telling the browser 'heads up, I'm about to animate this thing.' The browser pre-allocates resources so the animation is smooth.",{"title":1430,"path":1431,"acronym":7,"category":8,"difficulty":15,"description":1432},"Windi CSS","\u002Fterms\u002Fw\u002Fwindi-css","Windi CSS was the framework that proved on-demand CSS generation was the future — so much so that Tailwind adopted the idea as JIT mode.",{"title":1434,"path":1435,"acronym":7,"category":8,"difficulty":41,"description":1436},"Writing Modes","\u002Fterms\u002Fw\u002Fwriting-modes","CSS Writing Modes control the direction text flows — horizontal left-to-right, right-to-left, or vertical.",{"title":1438,"path":1439,"acronym":7,"category":8,"difficulty":41,"description":1440},"XState","\u002Fterms\u002Fx\u002Fxstate","XState turns your app logic into a state machine diagram that your grandma could read (well, almost).",{"title":1442,"path":1443,"acronym":7,"category":8,"difficulty":15,"description":1444},"Zod (Frontend Validation)","\u002Fterms\u002Fz\u002Fzod-frontend-validation","Zod is a schema declaration library that validates your data AND gives you TypeScript types for free.",{"title":1446,"path":1447,"acronym":7,"category":8,"difficulty":9,"description":1448},"Zustand","\u002Fterms\u002Fz\u002Fzustand","Zustand is German for 'state' and it's the state management library that makes Redux look like doing your taxes.",{"title":1450,"path":1451,"acronym":7,"category":8,"difficulty":15,"description":1452},"esbuild","\u002Fterms\u002Fe\u002Fesbuild","esbuild is a bundler written in Go (not JavaScript) which means it's absolutely unhinged fast — like 10-100x faster than other bundlers.",{"title":1454,"path":1455,"acronym":7,"category":8,"difficulty":41,"description":1456},"oklch","\u002Fterms\u002Fo\u002Foklch","oklch is a color format that actually makes sense to human brains.",{"title":1458,"path":1459,"acronym":7,"category":8,"difficulty":15,"description":1460},"requestAnimationFrame","\u002Fterms\u002Fr\u002Frequestanimationframe","requestAnimationFrame tells the browser 'call my function right before the next screen repaint.",1776518250137]