[Tracking]: Feedback-ready CSF Factories for React

[vanessayuenn]

Problem statement

Implement #30112 for React (for now)

Milestones

M1: Parameter types

Owner: @kasperpeulen
Complete by: May 27, 2025

• Resolve merge conflicts
• Get CI passing and address all stuff we need to adapt for SB9
• Infer the types of the new build in addons
• QA
• Address feedback from mrginglymus

M2: Validate existing codemods

Owner: @JReinhold
Complete by: June 3, 2025

• QA docs snippets
• QA JS project reactstrap
• QA chromatic
• QA mealdrop
• QA rsc demo
• QA realworld
• Resolve all bugs
• Make sure existing codemods/automigration (such as a11y) work for CSF preview format

M3: Story extension

Owner: @kasperpeulen
Complete by: June 3, 2025

• Implements extends API

M4: Portable stories support for React (nice to have)

Owner: @kasperpeulen
Complete by: June 3, 2025

• .run and .play method for React CSF: Add run and play function in csf factory #30648
• .Component method, e.g. <MyStory.Component />

Milestone 5: Docs and blog

Owner: @kylegach
Complete by: June 3, 2025

• Make sure API reference is complete https://storybook.js.org/docs/api/csf/csf-factories
• Ensure CSF Factories are referred to by the terminology we agree on (i.e. CSF Next/4/experimental/etc)
• Blog post (?)

========= Everything below this line is strictly nice-to-have =========

Related issues that may be resolved by this project

• issue1
• issue2