Skip to main content

39 docs tagged with "UI"

View All Tags

<input>

<input> is defined as: Form Input Inline Element to accept user input via form UI. Topics on: disable copypaste, onpaste='return false' oncopy='return false'

Accessibility

Accessibility is defined as: to design App for max usability vs devices/cognitive impairment. Topics on: aria-hidden. Read more: Dev Tool, API, Interface, UI, A

Banner

Banner is defined as: UI to promo content to inform/annoy user about news/change/donations/ads. Topics on: . Read more: Dev Tool, API, Interface, UI, Common UI

Card

Card is defined as: UI to group related content/action. Topics on: Social Card. Read more: Dev Tool, API, Interface, UI, Common UI Types, Card | Full-Stack Wiki

Carousel

Carousel is defined as: UI to slideshow/cycle image/text with controls, optional autoplay. Topics on: . Read more: Dev Tool, API, Interface, UI, Common UI Types

CC

CC is defined as: React class Instance extends React.Component, provides render() Method to return UI, manage state & perform side effects on Lifecycle Methods.

CLI

CLI is defined as: Text-based UI to provide cmd Statements to Terminal. Topics on: Terminal, Shell, CLI commands, ISE, codex-cli. Read more: Dev Tool, CLI, UI,

Commit Phase

Commit Phase is defined as: (process) to apply UI change to DOM API (in one Sync shot). Topics on: Commit Phase uses Time-Slicing to split work into chunks. R

Common UI Types

Common UI Types. Topics on: Accordion, Alert, Avatar, Badge, Banner, Breadcrumb, Calendar, Card, Carousel, Chat, Checkbox, File Picker, Hero, Icon, Lightbox, Mo

Component Based Architecture

Component Based Architecture is defined as: (Paradigm) to visualize UI as Component to architect (DOS) App. Topics on: DOS, Component. Read more: React, React C

Component-Driven

Component-Driven is defined as: Paradigm to build UI bottom up from basic to assembly. Topics on: Atomic Design, Atomic Component. Read more: Computer Science,

Controller

Controller is defined as: MVC component to RVP UI input to Model. Topics on: RVP, navigation between Views, using (URL) routes. Read more: Computer Science, Des

error.tsx

error.tsx is defined as: ( Next 13 ) Page to export default UI on Trigger Error Boundary. Topics on: error.tsx is reserved name for Error UI for Next 13. Read m

FC

FC is defined as: function to return UI via JSX. Pass propsfor dynamic input. add state via Hook. Topics on: since React 16.8 FC with Hooks are more powerful th

GUI

GUI is defined as: Graphic User Interface. Topics on: . Read more: Dev Tool, API, Interface, UI, GUI|FullStack Wiki by Roger J

instantsearch

instantsearch is defined as: UI lib for Algolia - vanilla/Framework variants - compat with typesense!. Topics on: . Read more: Dev Tool, API, Online API, Algoli

layout.tsx

layout.tsx is defined as: ( Next 13 ) Page to export default layout UI to share with children. Topics on: layout.tsx does not support passing props to children,

Lightbox

Lightbox is defined as: Modal variant (for video playback) with zoom to bring content to focus & dim background. Topics on: . Read more: Dev Tool, API, Interfac

loading.tsx

loading.tsx is defined as: ( Next 13 ) Page to export default loading UI on Trigger Suspense Boundary. Topics on: loading.tsx is reserved name for Loading UI fo

Minimalist

Minimalist is defined as: React focus to UI Primitive, defer other design concerns to React Stack. Topics on: not strongly opinionated like other UI frameworks

Modal

Modal is defined as: UI to overlay fullscreen & obscure content, to focus attention user attention & req dismiss. Topics on: Modal are (quite commonly) weak & t

Mount

Mount is defined as: (process) to add UI to DOM API. Topics on: . Read more: React, React Concepts, Component Based Architecture, Component, Component Lifecycle

not-found.tsx

not-found.tsx is defined as: ( Next 13 ) Page to export default UI for Catch All Route. Topics on: not-found.tsx is reserved name for Catch All Route in Next 13

Page

Page is defined as: export default FC to display unique UI for Next.js File System Router. Topics on: /pages to export Page in Next 12, /app to export Page in N

page.tsx

page.tsx is defined as: Page export default UI for Next Router vs dirpath, default Server Component - else 'use client' opt-in. Topics on: Next 13 reserve page.

React

React is defined as: Minimalist Lib to build App UI via Declarative Component Based Architecture. Topics on: React Concepts, React API, React Stack, React Snipp

react-credit-cards

react-credit-cards is defined as: React Stack with CSS animated card payment UI form. 3Y abandonware 👎. Topics on: Live demo:. Read more: React, React Stack, R

react-mosaic

react-mosaic is defined as: React Stack to show split window UI. Topics on: Live demo:. Read more: React, React Stack, React Mosaic, UI |FullStack Wiki by Roger

react-split

react-split is defined as: React Stack to render 1-D split panel UI; react-wrapper for split.js. Topics on: <Split>. Read more: React, React Stack, React Split,

Shared Layout

Shared Layout is defined as: UI to share mutliple Page via children, to preserve state & not trigger re-render. Topics on: Root Layout. Read more: React, React

Social Card

Social Card is defined as: UI Card graphic to to show in link previews on social media platforms, for visual branding/outline. Topics on: . Read more: Dev Tool,

storybook

storybook is defined as: popular Frontend Dev tool to isolate UI to doc/showcase/test, detangle Business Logic/state/Context. Topics on: Storybook features, Sto

Tooltip

Tooltip is defined as: UI to appear on hover/active as extra info for element. Topics on: tooltip vs popover. Read more: Dev Tool, API, Interface, UI, Common UI

tooltip vs popover

tooltip vs popover. Topics on: slight semantics diff - popover has additional title as well as content - which apparently tooltip doesn't?!, Popover can be long

UI

UI is defined as: Interaction between human and app/Hardware. Topics on: GUI, Layout, Logic, Personalization, Performance, Internationalization, ARIA Attribute,

UI state

UI state is defined as: current state of UI Component; intermittent data to help render app that's not persisted. Topics on: local variables inside Component. R

Unmount

Unmount is defined as: (process) to remove UI from DOM API. Topics on: . Read more: React, React Concepts, Component Based Architecture, Component, Component Li

useLayoutEffect()

useLayoutEffect() is defined as: Hook variant of useEffect(), to call Effect as soon as DOM API generated BEFORE UI repaints to DOM API. Topics on: Displays

WCAG

WCAG. Topics on: . Read more: Dev Tool, API, Interface, UI, WCAG|FullStack Wiki by Roger J