yn
storybook
Our great sponsors
- Appwrite - The Open Source Firebase alternative introduces iOS support
- Sonar - Write Clean JavaScript Code. Always.
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
- InfluxDB - Access the most powerful time series database as a service
- CodiumAI - TestGPT | Generating meaningful tests for busy devs
yn | storybook | |
---|---|---|
3 | 283 | |
4,753 | 78,790 | |
- | 1.3% | |
8.0 | 10.0 | |
6 days ago | 3 days ago | |
TypeScript | TypeScript | |
GNU Affero General Public License v3.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
yn
-
Name a program that doesn't get enough love!
Yank Note (yn) - A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, Reveal.js, plug-in, and macro replacement.
- Is there any good example of real-world open-source application (neither libraries nor frameworks nor samples) written in Typescript?
storybook
-
How To Use Storybook v7 With Ionic Framework And Angular
Storybook is a tool that helps you develop and test your UI components in isolation. It can be used with any framework, but it is especially well-suited for Angular applications. In this blog post, we will show you how to set up Storybook version 7 to work with Ionic Framework and Angular.
-
Packages for rendering code
You might want to look into Storybook. We use it at work and it's pretty good. But it only does documentation, for live editor I don't know any projects that do that for Angular.
-
Is there a way to automatically find UI related/CSS bugs, something that works like unit testing but it's UI?
I recommend checking out https://storybook.js.org/. Not entirely sure if it'll addresses your specific problem since I don't know all your context but it's worth a looking into imo.
-
Applying a Custom Design System to a Third-Party Component Library? Storybook Makes it Easy.
Storybook, a tool for building and documenting UI components, has become integral to the creation and maintenance of component libraries – and design systems. Because Storybook offers an interface for non-developers, allowing anyone to explore, play with, and manipulate the components and documentation, it’s perfect for collaboration. Often, Storybook is mentioned in the context of building component libraries from scratch, but it doesn’t have to be used that way. Storybook is still a powerful tool for customizing, documenting, and sharing our design systems – even if they’re built on top of a third-party component library.
-
Storybook 7.0 is here!
It has to do with the preview wrapper. You can't dynamic switch it. I'm not talking about the static param. See: https://github.com/storybookjs/storybook/issues/22029
That being said, we have some very important bug fixes on our radar for 7.1, especially related to the reactivity of decorators: https://github.com/storybookjs/storybook/pull/21954 So we very well know that the Vue integration is not perfect, but we are committed to do better here!
- Storybook 7.0 is here! :tada:
-
16 React Tools to Help You Keep Your Sanity in a Crazy World
Website: https://storybook.js.org/
-
Transform Your Portfolio Website with These Expert Tips
Consider adding some testing to the projects. That could be unit tests, component tests using something like Testing Library, Storybook, or Cypress Component Testing. Or even end-to-end (E2E) testing using something like Cypress or Playwright. Btw, I'm giving a talk for @_collab_lab this week on E2E testing with Cypress for anyone interested.
-
10 repositories to star if you are a Javascript developer
1. Storybook - 77.2k stars
What are some alternatives?
Docusaurus - Easy to maintain open source documentation websites.
react-styleguidist - Isolated React component development environment with a living style guide
fluentui-blazor - Microsoft Fluent UI Blazor components library. For use with .NET 6.0 or higher Blazor applications
svelte-luna - svelte ui kit
primeng - The Most Complete Angular UI Component Library
fractal - A tool to help you build and document website component libraries and design systems.
Bit - A tool for composable software development.
turborepo - Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turborepo and Turbopack. [Moved to: https://github.com/vercel/turbo]
cosmos-js - Sandbox for developing and testing UI components in isolation
Tailwind CSS - A utility-first CSS framework for rapid UI development.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
material-ui - MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.