ARIA

Flutter is Google's open-source UI toolkit for building natively compiled applications for mobile, web, and desktop from a single Dart codebase. Unlike React Native which maps to platform-native UI components, Flutter renders everything with its own high-performance Skia/Impeller rendering engine, giving developers pixel-perfect control over every element on screen. This approach ensures identical visual output across platforms but means Flutter widgets don't automatically adopt platform-specific design conventions.

A task runner is a tool that automates repetitive development tasks like compiling code, running tests, minifying assets, and restarting servers. Early web task runners like Grunt and Gulp defined workflows as JavaScript code, while modern approaches use npm scripts, Turborepo, or Nx for monorepo-aware task orchestration. Task runners form the foundation of local development automation, ensuring every team member runs tasks consistently.

Auto-scaling is the ability of a system to automatically adjust the number of running instances or allocated resources based on current demand. When traffic spikes, new instances are provisioned; when demand drops, excess resources are released to save costs. Cloud platforms like AWS, GCP, and Azure offer auto-scaling groups with configurable policies based on CPU usage, request count, queue depth, or custom metrics.

A design system is a collection of reusable components, guidelines, and standards that ensure visual and functional consistency across a product or suite of products. It typically includes a component library, design tokens, typography rules, color palettes, and documentation. Design systems bridge the gap between designers and developers, enabling teams to build interfaces faster while maintaining a unified look and feel.

React's Context API provides a way to pass data through the component tree without manually threading props through every intermediate level. You create a context with `createContext`, wrap a subtree with a `Provider`, and consume the value anywhere below with `useContext`. It's ideal for global concerns like themes, authentication state, or locale, but should be used judiciously since any change to context value re-renders all consuming components.

Internationalization (i18n) is the process of designing software so it can be adapted to different languages, regions, and cultures without code changes. This involves externalizing strings, supporting right-to-left (RTL) layouts, handling date/number/currency formatting, and accommodating text expansion. Libraries like react-intl, next-intl, and i18next provide the infrastructure for managing translations and locale-aware formatting in JavaScript applications.