Frontend Terms
All terms related to Frontend development
59 terms
A
Angular
A TypeScript-based web application framework by Google that provides a complete solution for building large-scale applications.
Astro
A content-focused web framework that ships zero JavaScript by default, using islands architecture for interactive components.
C
Client-Side Rendering (CSR)
A rendering approach where JavaScript builds the page content in the browser, typical of single-page applications.
Code Splitting
A technique of breaking application bundles into smaller chunks that are loaded on demand, reducing initial bundle size.
Context API
A built-in React feature for passing data through the component tree without manually prop-drilling at every level.
CSS
Cascading Style Sheets - a stylesheet language used for describing the presentation and layout of HTML documents.
CSS Modules
A CSS file where class names are scoped locally by default, preventing style conflicts in component-based architectures.
CSS-in-JS
A styling approach where CSS is composed using JavaScript, enabling dynamic styles and component-scoped styling.
Cypress
An end-to-end testing framework that runs tests directly in the browser with time-travel debugging and automatic waiting.
H
I
J
JavaScript
A high-level, dynamic programming language that powers interactive web pages, server-side applications, and more.
Jest
A JavaScript testing framework by Meta with zero-config setup, built-in mocking, and snapshot testing capabilities.
Jotai
A primitive and flexible atomic state management library for React with a bottom-up approach and minimal API.
JSX
A syntax extension for JavaScript that allows writing HTML-like markup inside JavaScript files, used primarily with React.
M
MobX
A reactive state management library that makes state management simple through transparent functional reactive programming.
MSW (Mock Service Worker)
An API mocking library that uses Service Worker to intercept network requests, enabling realistic testing without backend changes.
P
Playwright
A cross-browser automation framework by Microsoft for reliable end-to-end testing across Chromium, Firefox, and WebKit.
Prettier
An opinionated code formatter that enforces a consistent style across your codebase by parsing and re-printing code.
Progressive Web App (PWA)
A web application that uses modern APIs to deliver app-like experience with offline support, push notifications, and installability.
R
React
A JavaScript library for building user interfaces using a component-based architecture with virtual DOM for efficient rendering.
React Hooks
Functions that let you use React state and lifecycle features in functional components without writing class components.
React Query (TanStack Query)
A data-fetching library that provides caching, synchronization, and server state management for React applications.
Recoil
A state management library by Meta for React that provides atoms and selectors for shared state with minimal boilerplate.
Redux
A predictable state container for JavaScript apps that manages global application state with a single store and pure reducers.
Remix
A full-stack React framework focused on web standards with nested routes, progressive enhancement, and server-side forms.
S
SCSS
A CSS preprocessor syntax (Sassy CSS) that adds variables, nesting, mixins, and functions to standard CSS.
Server-Side Rendering (SSR)
A technique where web pages are rendered on the server and sent as complete HTML to the browser, improving SEO and initial load time.
Service Workers
A type of web worker that acts as a proxy between the browser and network, enabling offline support and push notifications.
Solid.js
A reactive JavaScript UI library with fine-grained reactivity and no Virtual DOM, offering React-like DX with better performance.
Static Site Generation (SSG)
A build-time rendering strategy that pre-generates HTML pages, offering excellent performance and SEO without server costs.
Storybook
An open-source tool for developing UI components in isolation, enabling visual testing and interactive documentation.
Styled Components
A CSS-in-JS library that uses tagged template literals to write actual CSS code to style React components.
Svelte
A compiler-based UI framework that shifts work from runtime to compile time, resulting in smaller bundles and faster apps.
SWC
A super-fast Rust-based JavaScript/TypeScript compiler that can be used for compilation, minification, and bundling.
T
Tailwind CSS
A utility-first CSS framework that provides low-level utility classes for building custom designs directly in HTML.
Testing Library
A family of testing utilities that encourage testing components the way users interact with them, not implementation details.
Tree Shaking
A dead code elimination technique that removes unused exports from JavaScript bundles during the build process.
Turbopack
A Rust-based incremental bundler optimized for JavaScript and TypeScript, designed as Webpack's successor by Vercel.
Turborepo
A high-performance build system for JavaScript monorepos with intelligent caching and parallel task execution.
TypeScript
A strongly-typed superset of JavaScript that adds static type checking and interfaces, compiling to plain JavaScript.
U
V
Virtual DOM
An in-memory representation of the real DOM that enables efficient UI updates by comparing differences before applying changes.
Vite
A next-generation frontend build tool that provides instant dev server start and lightning-fast HMR using native ES modules.
Vitest
A blazing-fast unit testing framework powered by Vite with native ESM support and Jest-compatible API.
Vue.js
A progressive JavaScript framework for building user interfaces with a gentle learning curve and reactive data binding.
W
Web Components
A set of web platform APIs for creating reusable, encapsulated custom HTML elements with Shadow DOM and templates.
Web Workers
A browser API for running JavaScript in background threads, preventing UI blocking during computationally intensive tasks.
WebAssembly
A binary instruction format that enables near-native performance for web applications, supporting languages like C++, Rust, and Go.
Webpack
A static module bundler that processes JavaScript applications, creating dependency graphs and outputting optimized bundles.