storybook
turborepo
Our great sponsors
storybook | turborepo | |
---|---|---|
321 | 79 | |
82,676 | 14,873 | |
0.6% | - | |
10.0 | 9.8 | |
6 days ago | over 1 year ago | |
TypeScript | Rust | |
MIT License | Mozilla Public 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
-
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
-
Announcing AnalogJS 1.0 🚀
We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with Astro, Nx, [Vitest]https://analogjs.org/docs/features/testing/vitest, Storybook, and more.
-
Storybook 8
For help with upgrading, consult our Storybook 8 migration guides to learn how to upgrade from Storybook 7 to Storybook 8, or how to upgrade from Storybook 6 to Storybook 8. Alternatively, refer to our extended Storybook migration guide on GitHub.
Storybook is the industry standard UI tool for building, testing, and documenting components and pages. It’s used by thousands of teams globally, integrates with all major JavaScript frameworks, and combines with most leading design and developer tools.
-
13 best React debugging tools
Storybook emerges as a pioneering solution among React debugging tools, offering an interactive environment for developers to create and test UI components. With its robust platform, teams can build, organize, and design UI components, and even entire screens, without the hurdles of business logic and plumbing.
-
45 NPM Packages to Solve 16 React Problems
Storybook
-
React Ecosystem in 2024
By using Storybook, you can efficiently develop, test, and document UI components. It's especially useful when working on design systems as it allows you to focus on individual components and their interactions. You can learn more and get started with Storybook on their official website.
-
Developer Weekly Log #2
I was impressed by one idea of the book that states something like the state of documentation in 2010 was the same as testing in the 1980's, this means poor tooling and almost no worries about this topic. With the implementation of policies mentioned before there was a good improvement at Google but still there is a good improvement margin in this area. For example some new tools are appearing like Storybook for UI components is something fresh that is going to become a standard in all JavaScript projects but I could imagine this is going to happen in other types of similar projects in other languages.
turborepo
-
Learn how to build a monorepo in Next.js
Turborepo: Smart build system for JavaScript/TypeScript monorepos
-
Building a full-stack TypeScript application with Turborepo
We’ve only scratched the surface of what we can do with Turborepo. You can find more examples in the Turborepo examples directory on GitHub. Skill Recordings on GitHub is also another great resource that has been around since Turborepo was first released.
-
10 Trending Github repositories / October, 27 2022
git clone https://github.com/vercel/turborepo.git
-
Component composition
I use https://turborepo.org/ to facilitate my monorepo. Essentially it's a way of structuring your configs, UI; apps etc and you consume each like an internal package. I find benefits for this as the kinds of sites I make will generally have an internal app, an admin panel and a marketing site. I can write UI, config etc in one place and consume them over the three projects to keep everything consistent.
-
How I Monorepo
The latest addition to the Composer Suite monorepo, Turborepo optimizes monorepo workflows by caching build artifacts. This may sound a little abstract and boring, but what this actually means is that when you build something within your monorepo, Turborepo will make sure only the things that it depends on are rebuilt; everything else will be retrieved from a cache that either lives on your local computer, or a remote cache server. Adding Turborepo to the Composer Suite monorepo pretty much halved CI build times, but it was also a way to teach Vercel, which I use for hosting the various example apps in the repo, to only actually deploy the ones that have changed since their last deployment. And that's really cool!
- What is the easiest way to use shared code with multiple Vue3 projects?
-
The different strategies to building a cross-platform app
NB: "Turbo" also has other meanings in a React Native context, so don't confuse Hotwire Turbo Native with Turbo Modules or Turborepo (as used in create-t3-turbo, mentioned later here).
-
Minimal Nextjs-Typescript boilerplate
Personally I just use this: https://github.com/vercel/turborepo/tree/main/examples/with-tailwind
-
Shared packages between React Native and Web project in monorepo.
To set up our monorepo we will use Turborepo which will take care of installing the basic parameters for us.
- Partager son code entre des projets React et React Native sur un monorepo
What are some alternatives?
nx - Smart Monorepos · Fast CI
lerna - :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.
vite - Next generation frontend tooling. It's fast!
Docusaurus - Easy to maintain open source documentation websites.
rushstack - Monorepo for tools developed by the Rush Stack community
fluentui-blazor - Microsoft Fluent UI Blazor components library. For use with .NET 6.0 or higher Blazor applications
react-styleguidist - Isolated React component development environment with a living style guide
fractal - A tool to help you build and document website component libraries and design systems.
svelte-luna - svelte ui kit
primeng - The Most Complete Angular UI Component Library
Bit - A build system for development of composable software.
cosmos-js - Sandbox for developing and testing UI components in isolation