Top 23 TypeScript Storybook Projects
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Project mention: Announcing Monarch 1.7: the developer experience keeps getting better | reddit.com/r/FlutterDev | 2022-01-13It sounds you are familiar with web development. Monarch is akin to Storybook.
-
✅ Angular 13 ✅ Ngx-admin ✅ NestJS 8 ✅ Next generation build system with Nx ✅ Unit Testing with Jest ✅ End-to-End Testing with Cypress ✅ ESLint ✅ Prettier
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: As a solo front-end developer, how do I deal with imposter syndrome and bring my boss back down to reality? | reddit.com/r/reactjs | 2022-01-13
Ha, just did this recently and used this one https://www.npmjs.com/package/react-responsive-carousel. Made some local changes to override colors and threw in some new buttons. But yeah no one has time to make custom carousel components.
-
Project mention: Anyone have any experience with the React95 library? | reddit.com/r/reactjs | 2021-10-14
I am trying to use this library in a new project and I am running into some issues when using the icons.
-
Jira clone angular
-
-
next-boilerplate
A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/
Project mention: superplate - Performance-oriented Frontend application creator with popular tools | dev.to | 2021-03-23It has been a long time since we started the next-boilerplate project. We are proud that it helped many frontend developers around the globe to speed up their frontend development cycles.
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
-
testing-react
Testing utilities that allow you to reuse your Storybook stories in your React unit tests!
Adding on to what others have said: you can use https://github.com/storybookjs/testing-react to reuse your storybook entries as test setup & really simplify your tests while making your storybook entries even more valuable.
-
If those drawbacks aren't dealbreakers, then I think you will be happy with the results. However If you are unable to use this package because you need a native mobile experience then consider using @storybook/react-native. You could even use both if it makes sense for your use case.
-
storybook-design-token
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
Designers can now share their design tokens and write documentation to make developers understand the reason behind design patterns. Here is a very cool example from the Storybook MDX announcement article. Philip Siekmann created an amazing addon that generates design token documentation from your stylesheets and asset files and the demo file is documented using MDX.
-
assistant
✏️ Bring your design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design
Project mention: Css fit-content on parent won't work for scaled item | reddit.com/r/css | 2021-10-10this is the app i'm building https://github.com/gridaco/assistant
-
Project mention: Setting up Storybook for React Native/TypeScript (server, loader, iOS, Android) | dev.to | 2021-02-17
This is a step-by-step walkthrough of how to set up Storybook for React Native, complete with the the web UI (@storybook/react-native-server), dynamic story loading (react-native-storybook-loader), and TypeScript.
-
Project mention: Yarn.lock: how it works and what you risk without maintaining yarn dependencies — deep dive | dev.to | 2021-09-03
An issue emerged in our library integration that made us challenge our belief that our dependencies are under control. In short, our app crashed because of a bug in a dependency’s dependency. Despite fixing the nested dependency, the issue remained to be unsolved.
-
Project mention: Open source react project with typescript best practices | reddit.com/r/typescript | 2021-10-09
I am the maintainer of https://github.com/netzwerg/react-you-do-you – a project starter which demonstrates a lot of React/TS best practices. Hope it helps!
-
Project mention: The new White House website has a hidden message calling for coders | reddit.com/r/technology | 2021-01-21
If you’re and engineer and you’re wanting to just dip your toes in or have something to do between interviews, look for open source government projects to contribute to (e.g. https://github.com/uswds/uswds or https://github.com/trussworks/react-uswds). These can be a great way to see what various organizations are contributing to the civic tech space and to see their development philosophy and style.
-
-
I recently published Chic UI (React UI Component Library) on NPM.
-
Project mention: Angular + Tailwind + Storybook Template with Atomic Components | reddit.com/r/angularjs | 2021-06-09
-
react-in-out-textarea
A simple React.js User Interface Component that is like Google Translate with full TypeScript Support
-
If you are concerned about components being different on the web please see the FAQ where I have tried to address this.
-
So please, have a look at it and help me build the next true opensource boilerplate! kirby-boilerplate, because we are all tired of building over the same thing again and again.
-
Project mention: Regnite - React Native + Firebase boilerplate based on ignite | reddit.com/r/reactjs | 2021-09-24
GitHub repo
TypeScript Storybook related posts
- Announcing Monarch 1.7: the developer experience keeps getting better
- How extensive should my tests be?
- React library development - How do you render your components during development?
-
storybook VS docz - a user suggested alternative
2 projects | 7 Jan 2022
- The many uses of mock data
- Step by step: How to setup Storybook with Next.js and Tailwind CSS
- Implementing Dark Mode (Part 3)
Index
What are some of the best open-source Storybook projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 68,212 |
| 2 | nx | 10,257 |
| 3 | react-responsive-carousel | 1,981 |
| 4 | React95 | 1,795 |
| 5 | jira-clone-angular | 1,695 |
| 6 | ReactiveTraderCloud | 1,671 |
| 7 | next-boilerplate | 1,258 |
| 8 | html-figma | 952 |
| 9 | testing-react | 517 |
| 10 | react-native | 468 |
| 11 | storybook-design-token | 396 |
| 12 | assistant | 350 |
| 13 | react-native-storybook-loader | 271 |
| 14 | json-schema-viewer | 89 |
| 15 | react-you-do-you | 87 |
| 16 | react-uswds | 78 |
| 17 | react-starter | 70 |
| 18 | chic-ui | 38 |
| 19 | angular-tailwind-storybook | 28 |
| 20 | react-in-out-textarea | 26 |
| 21 | addon-react-native-web | 25 |
| 22 | kirby-boilerplate | 16 |
| 23 | regnite | 13 |
Are you hiring? Post a new remote job listing for free.
