Lazy Loading

State management refers to the strategies and tools used to handle, store, and synchronize application data across components in a frontend application. In React, state can live locally in components via `useState`, be shared via Context, or be managed by external libraries like Redux, Zustand, Jotai, or Recoil. Choosing the right state management approach depends on your app's complexity — many apps over-adopt heavy solutions when simpler patterns would suffice.

Figma is a browser-based collaborative design tool used for creating UI designs, prototypes, and design systems. Its real-time multiplayer editing, component system, auto layout, and dev mode have made it the industry standard for product design. Developers use Figma to inspect designs, extract CSS values, export assets, and — through plugins and APIs — automate the design-to-code workflow.

Color contrast is the measurable difference in luminance between foreground text (or UI elements) and their background. WCAG guidelines require a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text to ensure readability for users with visual impairments. Tools like Chrome DevTools, Stark, and WebAIM's contrast checker help developers verify compliance during development.

Cognitive load refers to the amount of mental effort required to use an interface. In UX design, reducing cognitive load means simplifying choices, minimizing distractions, and presenting information progressively so users aren't overwhelmed. Techniques like consistent layouts, clear visual hierarchy, familiar patterns, and sensible defaults all help keep cognitive load manageable and allow users to focus on their actual tasks.

BEM (Block Element Modifier) is a CSS naming convention that structures class names as `.block__element--modifier` to create clear, predictable relationships between HTML and CSS. For example, `.card__title--highlighted` identifies a highlighted title element within a card block. While modern tooling like CSS Modules and utility frameworks have reduced BEM's necessity, it remains widely used in large codebases and design systems where explicit naming conventions aid team coordination.

Dart is the programming language created by Google and used as the sole language for Flutter development. It features a sound type system, null safety, async/await support, and compiles both ahead-of-time (AOT) for production performance and just-in-time (JIT) for fast development cycles with hot reload. Dart's syntax feels familiar to developers coming from JavaScript, TypeScript, Java, or Kotlin, making the transition to Flutter relatively smooth.