Top 23 TypeScript Storybook Projects
📓 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-13
It sounds you are familiar with web development. Monarch is akin to Storybook.
Smart, Fast and Extensible Build SystemProject mention: Angular 13 + NestJs + NX | dev.to | 2022-01-15
✅ Angular 13 ✅ Ngx-admin ✅ NestJS 8 ✅ Next generation build system with Nx ✅ Unit Testing with Jest ✅ End-to-End Testing with Cypress ✅ ESLint ✅ Prettier
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.
React.js Responsive Carousel (with Swipe)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.
A React components library with Win95 UI (by React95)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.
A simplified Jira clone built with Angular, ng-zorro and AkitaProject mention: Angular Project Ideas For Beginners 2022 | dev.to | 2021-12-20
Jira clone angular
Real-time FX trading showcase by Adaptive.Project mention: Proyectos Open-source .NET | reddit.com/r/devsarg | 2021-12-13
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-23
It 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 - 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.
Figma to HTML, CSS, React, Vue, and more!Project mention: Figma → React | news.ycombinator.com | 2021-03-27
Testing utilities that allow you to reuse your Storybook stories in your React unit tests!Project mention: What is Storybook used for? | reddit.com/r/reactjs | 2021-12-22
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.
📓 Storybook for React Native! (by storybookjs)Project mention: Introducing Storybook for React Native Web | dev.to | 2021-11-15
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.
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.Project mention: Storybook for everyone: CSF vs. MDX | dev.to | 2021-04-20
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.
✏️ Bring your design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster designProject mention: Css fit-content on parent won't work for scaled item | reddit.com/r/css | 2021-10-10
this is the app i'm building https://github.com/gridaco/assistant
An automatic story loader for react-native-storybooksProject 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.
A JSON Schema viewer React component (by stoplightio)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.
How I use React + Redux + Material-UI + TypeScript – you do you 💖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!
USWDS 2.0 components built in ReactProject 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.
Full-featured typescript starter for React applicationProject mention: Do you know good React starter kit? | reddit.com/r/reactjs | 2021-10-27
Lightweight UI Component Library for ReactProject mention: My experience with PyPi and NPM publishing process | dev.to | 2022-01-11
I recently published Chic UI (React UI Component Library) on NPM.
Angular + Tailwind + Storybook Template from NewwwtonProject mention: Angular + Tailwind + Storybook Template with Atomic Components | reddit.com/r/angularjs | 2021-06-09
A simple React.js User Interface Component that is like Google Translate with full TypeScript Support
Build react-native-web projects in Storybook for ReactProject mention: Introducing Storybook for React Native Web | dev.to | 2021-11-15
If you are concerned about components being different on the web please see the FAQ where I have tried to address this.
This is an opiniated boilerplate with rocking tools for front-end developmentProject mention: Your next boilerplate | dev.to | 2021-05-01
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.
React Native boilerplate with firebase integration.Project mention: Regnite - React Native + Firebase boilerplate based on ignite | reddit.com/r/reactjs | 2021-09-24
TypeScript Storybook related posts
Announcing Monarch 1.7: the developer experience keeps getting better
5 projects | reddit.com/r/FlutterDev | 13 Jan 2022
How extensive should my tests be?
1 project | reddit.com/r/learnprogramming | 13 Jan 2022
React library development - How do you render your components during development?
2 projects | reddit.com/r/reactjs | 8 Jan 2022
storybook VS docz - a user suggested alternative
2 projects | 7 Jan 2022
The many uses of mock data
4 projects | dev.to | 1 Jan 2022
Step by step: How to setup Storybook with Next.js and Tailwind CSS
2 projects | dev.to | 23 Dec 2021
Implementing Dark Mode (Part 3)
2 projects | dev.to | 16 Dec 2021
What are some of the best open-source Storybook projects in TypeScript? This list will help you:
Are you hiring? Post a new remote job listing for free.