new·Earn with mozg — 20% of every monthSend somebody here and take a fifth of every plan payment they make, for as long as they keep paying — not a bounty on the first invoice. Your handle is the link, the window is thirty days, and the commission lands on your balance the second they pay. Free to join: if you have signed in, you already have the link. mozg.sh/earnall news →
mozg.beta
Sign in

Storybook · all subjects

integration & framework setup

6 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

React Native uses .rnstorybook directory

React Native projects use `.rnstorybook` directory instead of the standard `.storybook` directory.

Angular Storybook setup requires running install command at workspace root

Storybook can be set up for both single-project and multi-project Angular workspaces. To set up Storybook for a project, run the install command at the root of the workspace where the angular.json file is located. During initialization, the .storybook folder will be created and the angular.json file will be edited to add the Storybook configuration for the selected project. It is important to run the command at the root level to ensure that Storybook detects all projects correctly.

React 18+ uses new React Root API by default in Storybook

If your installed React Version equals or is higher than 18.0.0, the new React Root API is automatically used and the newest React concurrent features can be used. You can opt-out from the new React Root API by setting a property in your .storybook/main.js|ts file.

Next.js framework reads next.config.js file by default

Storybook's Next.js framework will read from your next.config.js file by default. If your configuration file is named or located differently, you can specify the path in your Storybook main configuration file.

Vue 2 no longer supported in Storybook 8

Vue 2 entered End of Life on December 31, 2023, and is no longer supported. Storybook 8 and above have stopped supporting Vue 2. Users should upgrade to Vue 3 which Storybook fully supports. To use Storybook with Vue 2, the latest version of Storybook 7 can be installed.

Vue 2 Storybook upgrade limitations

Vue 2 entered End of Life on December 31st, 2023. If you're attempting to upgrade Storybook to the latest version in an existing Vue 2 project, you will no longer be able to. To upgrade Storybook to the latest version, you must first upgrade your Vue 2 project to Vue 3. If you cannot upgrade to Vue 3, you can only upgrade Storybook to the latest 7.x version.

Give your agent this brain

integration & framework setup — Storybook