Frontmatter
| id | 5132 |
| title | Creating the Storybook framework |
| state | Open |
| labels | enhancementhelp wantedepicno auto closehacktoberfest |
| assignees | [] |
| createdAt | Dec 5, 2023, 10:35 AM |
| updatedAt | May 16, 2026, 10:50 PM |
| githubUrl | https://github.com/neomjs/neo/issues/5132 |
| author | tobiu |
| commentsCount | 4 |
| parentIssue | null |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
Creating the Storybook framework
@valentinpalkovic
More input from @valentinpalkovic:
We do not need to clone or fork the entire storybook repo.
Copying the code from one of the existing storybook frameworks into a new repo is sufficient. E.g.: https://github.com/storybookjs/storybook/tree/next/code/frameworks/react-webpack5
Then we need to adjust the package name inside the package.json and can use this custom framework package inside storybook.
Once the setup is in place, the renderToCanvas method is key. E.g.:
https://github.com/storybookjs/storybook/blob/next/code/renderers/react/src/renderToCanvas.tsx
Out of scope for this ticket => https://github.com/neomjs/neo/issues/5133
@github-actions - 2024-08-29T02:26:13Z
This issue is stale because it has been open for 90 days with no activity.
- 2024-08-29T02:26:14Z @github-actions added the
stalelabel
@github-actions - 2024-09-12T02:29:02Z
This issue was closed because it has been inactive for 14 days since being marked as stale.
- 2024-09-12T02:29:03Z @github-actions closed this issue
This should most likely be the starting point of this project. We can most likely break it down into smaller tickets.
We need to follow the official guide: https://storybook.js.org/docs/contribute/framework
and analyse the already existing implementations: https://github.com/storybookjs/storybook/tree/next/code/frameworks
e.g. the ember implementation might be work a closer look, since it seems to not be template-driven.