24 results for "UI"
Articles (20)
AWS
Amazon VPC Explained: Subnets, Routing, NAT Gateway, Security & Real-World Architecture
Learn Amazon VPC from the basics to real-world AWS architecture. Understand VPC, CIDR, subnets, Availability Zones, route tables, Internet Gateway, NAT Gateway, Security Groups, Network ACLs, VPC endpoints, VPC peering, and multi-AZ networking. Includes practical hands-on labs for building public and private subnets, NAT connectivity, and ALB with private EC2. AWS Documentation
System Design - Interview
Redis Failure Under Extreme Traffic: How to Prevent a Database Crash When 1 Million Requests Hit at Once
Learn how to design a resilient caching architecture when Redis suddenly goes down and millions of requests fall back to the database. Explore cache stampede, thundering herd, circuit breakers, rate limiting, request coalescing, cache warming, graceful degradation, Redis high availability, TTL strategies, and protecting the database from sudden traffic spikes.
AWS
Amazon SNS with C#: Complete Guide to Topics, Publishers, Subscribers, Fan-Out & .NET Integration
Learn Amazon SNS with C# from the basics to real-world event-driven architecture. Understand SNS topics, publishers, subscribers, message publishing, subscriptions, filtering, fan-out architecture, SQS integration, Lambda integration, email and HTTP notifications, retries, security, and a practical hands-on lab using the AWS SDK for .NET.
AWS
Amazon SQS with C#: Complete Guide to Queues, Messages, FIFO, DLQ & .NET Integration
Learn Amazon SQS with C# from the basics to real-world .NET applications. Understand queues, producers, consumers, message sending and receiving, visibility timeout, retries, dead-letter queues, Standard vs FIFO queues, long polling, message deletion, Lambda integration, and a practical hands-on lab using the AWS SDK for .NET.
AWS
Amazon S3 Demystified: The Complete Beginner-Friendly Guide (With C# Examples)
Imagine there is a very large warehouse on the internet where you can store anything — photos, videos, documents, code files, anything! This warehouse never gets full (virtually unlimited), and your items always stay safe. The name of this warehouse is Amazon S3 (Simple Storage Service).
ReactJS
Suspense
Suspense provides a boundary where React can show fallback UI while a supported child operation is not ready. It is commonly used for lazy-loaded components and can participate in modern React data-loading patterns depending on the framework and architecture.
ReactJS
Accessibility a11y
Accessibility means building interfaces that people with different abilities can use. In React this includes semantic HTML, keyboard support, labels, focus management, accessible names, error announcements, and appropriate ARIA when native HTML cannot express the required behavior.
ReactJS
Environment variables
Environment variables allow builds and applications to receive environment-specific configuration such as API base URLs, feature flags, and build settings. They are configuration, not a secure place to store secrets in a browser application.
ReactJS
Authentication & Authorization
Authentication identifies a user. Authorization determines what that user is permitted to do. A production React application normally handles authentication state, protected routes, session expiration, permission-based UI, and API authorization while relying on the backend as the security authority.
ReactJS
Error Boundries
Error Boundaries protect a React UI from certain rendering errors in descendant components. They let an application show a fallback screen instead of losing the entire visible application when a component throws during rendering.
ReactJS
Unit Testing — Jest / Vitest
Unit testing verifies small pieces of application logic in isolation. In a React application this commonly means testing utility functions, reducers, selectors, validation rules, hooks, and business logic without rendering the complete application. A strong test suite checks behavior rather than implementation details.
ReactJS
Controlled vs Uncontrolled Components
Forms are one of the clearest places to understand the difference between React state and the DOM itself. In a controlled component, React state is the source of truth for the input value. In an uncontrolled component, the DOM keeps the current value and React reads it when required.
ReactJS
Virtual DOM & React Fiber
The Virtual DOM and Fiber are related but they are not the same thing. The Virtual DOM describes React's in-memory representation of the UI, while Fiber is the internal architecture React uses to represent work, track component information, and schedule rendering work.
ReactJS
React Rendering, Re-rendering & Reconciliation
React applications feel simple because React hides much of the work required to update the user interface.
ReactJS
Conditional rendering
Conditional rendering means showing different UI depending on application data. React uses normal JavaScript conditions to decide what should be displayed.
ReactJS
Conditional Rendering
Real applications rarely display the same UI all the time. A screen may show a loading message while data is being fetched, an error when a request fails, an empty state when there are no records, or a list when data is available. React uses normal JavaScript expressions and control flow patterns to handle these situations.
ReactJS
ReactJS Props
useState is a React Hook used to add state to a function component. State represents information that can change over time and whose changes may require the component UI to update.
ReactJS
React component
Real applications rarely display the same UI all the time. A screen may show a loading message while data is being fetched, an error when a request fails, an empty state when there are no records, or a list when data is available.
ReactJS
ReactJS Project Structure
Components and JSX are two of the most important building blocks of React. Components provide the structure and reuse model, while JSX provides a readable way to describe the UI that a component should render.
ReactJS
What is JSX?
A React project is more than a collection of JavaScript files. A modern project normally contains source code, dependencies, build configuration, static assets, and an entry point that connects the React application to the browser.
Cheatsheets (1)
eBooks (3)
Free
React Interview Guide — 50 Questions with Detailed Explanations
A practical React interview preparation guide covering 50 questions from beginner to advanced level, with simple explanations, complete examples, real output, diagrams, interview tips and likely follow-up questions.
Free
JavaScript Interview Guide — 50 Questions with Detailed Explanations
A practical JavaScript interview preparation guide covering 50 frequently asked questions with detailed explanations, complete runnable examples, real output, diagrams, interview tips and follow-up questions — from core language fundamentals to asynchronous JavaScript, browser APIs, performance and security.
Free
Generative AI with C#: OpenAI SDK and Gemini
A practical guide for .NET developers who want to build Generative AI applications using C#. Learn LLM fundamentals, OpenAI and Gemini APIs, prompt engineering, structured outputs, function calling, embeddings, RAG, vector databases, AI agents, MCP, security, evaluation, observability, multimodal AI, voice and fine-tuning with complete C# examples.