atorable-react
storybook
Our great sponsors
| atorable-react | storybook | |
|---|---|---|
| 2 | 250 | |
| 6 | 76,413 | |
| - | 0.9% | |
| 7.6 | 10.0 | |
| 2 months ago | 6 days ago | |
| TypeScript | TypeScript | |
| MIT License | 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.
atorable-react
We haven't tracked posts mentioning atorable-react yet.
Tracking mentions began in Dec 2020.
storybook
-
Build Web Fullstack Apps with DIRT: Django, Inertia, React & Tailwind CSS aka D.I.R.T Stack
We’ll be using Storybook which is one my favorite tools. For more information about Storybook, click here. And with the integration of Storybook, we can call this D.I.R.T+.
-
Libraries to consider when using React in 2023 for production applications.
With Storybook, you can automatically visually test your components to prevent bugs and document components for reuse. It helps developers to develop faster and more easily by isolating components. It allows you to focus on one component at a time. The entire UI can be developed without having to start up a complex development stack, enter data into a database, or navigate the application. You can check out the official docs for more details on how to get started.
-
[AskJS] Which JS libraries and packages are currently your favourites?
https://storybook.js.org/ ... it is so good.
-
10 best GitHub repos for developers ✅
Link for the repo: https://github.com/storybookjs/storybook
-
Component development with ladle and next/image
Sometimes it is easier to build a component in isolation than in the place where it will be used. It is much easier to test all variations and edge cases of the component. There are tools out there which can help us to build our components in isolation. The most famous is Storybook, but I like to use Ladle. Ladle is much smaller than Storybook and it is built for speed. In this post we will set up Ladle and we will learn how we can use next/image within Ladle.
-
refine vs RedwoodJS
It it based on several core technologies - GraphQL for making API calls, Prisma as an ORM, TypeScript for type safety (optional), Jest for testing, Pino for logging and Storybook to assist with creating UI.
-
Top packages for React Development
Storybook
-
Test your React Components with Nightwatch and Testing Library
The great thing about using this format to write our tests is that we can use the same code to write stories for our components, which can be used to document and showcase them in Storybook.
-
Preview JavaScript Build Artifacts Directly in Pull Request with Stoat
Component previews (Storybook, Ladle, etc.)
- Storybook 7.0 beta
What are some alternatives?
Docusaurus - Easy to maintain open source documentation websites.
react-styleguidist - Isolated React component development environment with a living style guide
svelte-luna - svelte ui kit
fast-blazor - Blazor component library for FluentUI. Microsoft's official wrapper around the FluentUI Web Components for use with .NET 6.0 or higher Blazor applications
primeng - The Most Complete Angular UI Component Library
fractal - A tool to help you build and document website component libraries and design systems.
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]
Bit - A tool for composable software development.
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.