storybook
TypeScript
storybook | TypeScript | |
---|---|---|
327 | 1,322 | |
83,202 | 98,639 | |
0.5% | 0.7% | |
10.0 | 9.9 | |
3 days ago | 5 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
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.
storybook
-
10 must known JS/TS open-source packages
Storybook Build and test UI components in isolation before pushing them into production Rspack 0.7 Fast Rust-based web bundler.
-
Comparing Vue Component Documentation tools
Storybook Website
-
How to share your TwigComponent with your team ?
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
-
SASS, CSS, or Tailwind: Which One Should You Choose?
But if you have a big project that you work on with multiple designers, custom components, etc., SASS is a good choice. Also, I would highly recommend taking a look at storybook if you go that route.
-
Modern React testing, part 5: Playwright
As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.
-
How to use NextJS pathname in Storybook 8
Source: qcatch on Feb 22, 2024 https://github.com/storybookjs/storybook/discussions/25470
-
Storybook not picking up tailwindcss
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
-
Astro.js as an alternative to Next.js: pushing the limits
Astro has no runtime. This means no unit tests. This also means no Storybook for your Astro components (although, they’re working on it!)
-
Release Radar • March 2024 Edition
If you're into UI development, then you need to know about Storybook. It's a frontend workshop for building UI components and pages in isolation. The latest version brings some big improvements for testing and documentation with built-in visual testing. There's also React Server Component support, improved controls for React and Vue projects, as well as improved Vite architecture, Vitest testing, and Vite 5 support. Check out all the major changes in the Storybook changelog.
-
Top 10 Tools Every React Developer Needs in 2024
Storybook
TypeScript
-
TypeScript strictly typed
Yet, all these projects were coded in TypeScript. Should not it guarantee typing like in Java, C# or Rust?
-
TypeScript strictly typed - Part 1: configuring a project
TypeScript: tsc --init
-
TypeScript strictly typed - Part 2: full coverage typing
The official TypeScript home page defines it as "a strongly typed programming language that builds on JavaScript".
-
React + Ruby on Rails without any gems
How to start using React components written in TypeScript using Ruby on Rails as a server with only built-in Rails features? There are a couple of ways we can achieve it with.
-
Typescrypt: Make your life easier with decorators
Decorators were initially introduced as an experimental feature in TypeScript 1.5 in July 2015, and using them required enabling a specific compiler option called --experimentalDecorators.
-
Create a Responsive Navbar React Tailwind CSS TypeScript
react useState (react.dev) Tailwind CSS (tailwindcss.com) typescriptlang.org
-
React with Tailwind CSS Skeleton Loader Example
typescriptlang.org
-
Building my own ChatGPT
TypeScript: Adding types to JavaScript makes your code more reliable and easier to maintain.
-
Exploring Angular 17 and Beyond: Major Enhancements, Latest Updates, Migration Strategies, and Future Outlook
Angular 17 has sparked a renewed interest among developers with its groundbreaking features and enhancements. Developed and maintained by Google, Angular 17 represents a significant leap forward in front-end technology, setting new standards for Angular Development Services. This latest version of the popular TypeScript-based web application framework is designed to improve developer productivity and enhance user experience. By prioritizing performance, scalability, and maintainability, Angular 17 empowers developers to build dynamic and responsive web applications effortlessly.
-
Svelte Series-1: An awesome framework
Version 3 was a major revision where the Svelte development team began to rethink the core concept of modern UI frameworks: reactivity. By 2019, Svelte has become a mature tool for building out-of-the-box web applications with TypeScript support.
What are some alternatives?
Docusaurus - Easy to maintain open source documentation websites.
zod - TypeScript-first schema validation with static type inference
fluentui-blazor - Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
react-styleguidist - Isolated React component development environment with a living style guide
Tailwind CSS - A utility-first CSS framework for rapid UI development.
fractal - A tool to help you build and document website component libraries and design systems.
zx - A tool for writing better scripts
svelte-luna - svelte ui kit
esbuild - An extremely fast bundler for the web
primeng - The Most Complete Angular UI Component Library
gray-matter - Smarter YAML front matter parser, used by metalsmith, Gatsby, Netlify, Assemble, mapbox-gl, phenomic, vuejs vitepress, TinaCMS, Shopify Polaris, Ant Design, Astro, hashicorp, garden, slidev, saber, sourcegraph, and many others. Simple to use, and battle tested. Parses YAML by default but can also parse JSON Front Matter, Coffee Front Matter, TOML Front Matter, and has support for custom parsers. Please follow gray-matter's author: https://github.com/jonschlinkert