28 docs tagged with "Storybook"

.storybook is defined as: dotconfig dir for storybook settings. Topics on: .storybook/preview.js, .storybook/main.js. Read more: React, React Stack, Storybook,

.storybook/main.js is defined as: storybook config file to set Glob Pattern to detect new stories Storybook Addon & use index.css. Topics on: expo. Read more: R

.storybook/preview.js is defined as: to set parameters to control storybook addon/feature behavior, actions. Topics on: sb parameters. Read more: React, React S

@storybook/addon-a11y is defined as: official storybook Plugin to audit FC vs WCAG guidelines for max Accessibility & flag any violations. Topics on: 'Elements

actions is defined as: mocked callback to handle storybook behavior via actions panel in storybook UI Storybook Concurrent Explorer. Topics on: . Read more: Rea

Chromatic is defined as: tool to automate storybook integrate CI git tooling. Freemium. Topics on: Free for up to 5k snapshots/month, UI/visual Regression Testi

component is defined as: name of FC import name - must matc or nothing shows in Storybook Concurrent Explorer!. Topics on: . Read more: React, React Stack, Stor

CSF is defined as: (standard) Component Story format based on ES Module. Topics on: . Read more: React, React Stack, Storybook, Story, CSF, ES Module | Dev Wiki

decorators is defined as: to add Wrapper for Story, for inline CSS || Context Provider. Topics on: . Read more: React, React Stack, Storybook, Story, Wrapper, C

Disable Storybook telemetry is defined as: need to manually opt-out for every project😫. Topics on: add --disable-telemetry flag to every storybook run!. Read m

Edge Cases. Topics on: Verify hard-to-reach edge cases. Read more: React, React Stack, Storybook, Storybook Features|FullStack Wiki by Roger J

fix storybook errors. Topics on: Error could not find react-redux context value; please ensure the component is wrapped in a <Provider>, add react-redux Provide

install deps. Topics on: next 11+ uses webpack5 builder by default. Read more: React, React Stack, Storybook, Setup Storybook, Storybook Next 12 Setup| Dev Wiki

opt-out of SB telementry. Topics on: must manually opt-out for every setup! Designed to be annoying!, in storybook config element, run with --disable-telemetry

sb parameters is defined as: to control storybook feature/addon, via actions. Topics on: actions. Read more: React, React Stack, Storybook, Setup Storybook, Sto

setup storybook. Topics on: opt-out of SB telementry, src/stories, .storybook, clone template using degit to, init latest storybook, storybook + next 12 setup,

Story is defined as: export default Object to Declarative render FC snapshot with specific key state to dev/test/doc. Topics on: title & component req fields -

Story Parameter is defined as: static named metadata for Story to control beavior of Storybook Addon/core features. Topics on: . Read more: React, React Stack,

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

storybook + msw setup. Topics on: add msw to storybook to simulate Online API, create genertic Service Worker in public folder, update .storybook/preview.js to

storybook + next 12 setup. Topics on: extra config to setup next.js for storybook to run Page in isolation from next integrations - must serve next public dir a

storybook + RTK setup. Topics on: use @reduxjs/toolkit with storybook to add state to isolated CSF, add rtk deps, setup store.js & connect to FC, wire redux con

Storybook Addon is defined as: Plugin extends storybook UI & behaviour. to help prototype, test & doc. Topics on: to install essential addons, @storybook/addon-

Storybook Concurrent Explorer is defined as: storybook loca dev server with autogen web page to view, edit & test UI in browser. built-in search. Topics on: Sto

Storybook features. Topics on: storybook is FOSS - with Chromatic fremium version for better automation/integration tooling, Disable Storybook telemetry, Storyb

title is defined as: name of component to display in Storybook Concurrent Explorer - can be anything. Topics on: . Read more: React, React Stack, Storybook, Sto

unoptimized is defined as: props to set <Image> to serve unoptimized Image Element (for compat with storybook). Topics on: . Read more: React, React Stack, Next

wire redux context to _myFC.stories.js. Topics on: create mock data for redux store including reducer actions. Read more: React, React Stack, Storybook, Setup S