react-styleguidist
tsdx
Our great sponsors
react-styleguidist | tsdx | |
---|---|---|
18 | 45 | |
10,788 | 11,148 | |
0.1% | 0.3% | |
4.4 | 0.0 | |
3 months ago | 11 months ago | |
TypeScript | JavaScript | |
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.
react-styleguidist
-
45 NPM Packages to Solve 16 React Problems
react-styleguidist
-
Why I quit open source
My most popular open source project, React Styleguidist, has over 10K stars on GitHub, and yet, I couldn’t manage to build a community around it, and to make it self-sufficient. The project is too big for one person to build it, and to manage issues and pull requests.
-
7 best ReactJS developer tools to simplify your workflow
React Styleguidist is a tool that generates a living style guide for React components. This tool helps developers to document and showcase their components, making it easier for other developers to understand and use them. You can visit its official website to learn more: https://react-styleguidist.js.org/.
-
Building a design system with Radix
Because documentation is so important, our sample project has been preconfigured with React Styleguidist, a development environment for building React components. We’ll use this tool to document the components as we build them out.
-
Style Guide for Effectively Commenting and Documenting your code
Today I had to present my work on a React Native app for the last 2 months in a meeting in front of the CEO. He was pleased with my work the only critique was more comments and documentation. Afterward my immediate supervisor told me to look up "Documentation Style Guides". He said he's not concerned which pattern I chose just learn one and stick with it. After searching I found this https://react-styleguidist.js.org/documenting which seems to address what I'm looking for. I just figured I would ask if anyone else out there has experience with a certain approach and has good documentation/tutorials to learn such an approach. Thanks in advance!
-
8 Best Tools for React Ecosystem You Need Right Now
Checkout React Styleguidist by Clicking here
-
Going offline
For many years I was enjoying working on my open source projects of all sizes: large like React Styleguidist or a tiny library that nobody else is using. However, the expectation that you owe someone free work to fix bugs in their projects and add features they need to do their job, the rude comments on the issues, the hit and run pull requests where you spend an hour reviewing the code and the author never comes back to answer your comments, made it less and less enjoyable, and my attempts to pretend that it doesn’t hurt my mental health became less and less successful.
-
9 Must-have React Developer Tools to Create Better Apps Faster
This is yet another tool that offers an interactive way of creating and sharing UI components. And there’s no better representation of how React Styleguidist works than this GIF. On the right window, you have the code. The left window is where that code is concurrently rendered into a UI. And if required, you can also test and directly edit the code on the rendered side.
-
Check Out My Table Component!
You can play with these examples along with my other components in this library directly within the documentation, which was generated using React Styleguidist.
-
React library development - How do you render your components during development?
So far, it seems that Storybook with it's interactive props and canvas playground is the most popular solution. Simplified versions, like Styleguidist or Docz do not provide enough props and canvas playground functionality to see them as alternatives. I would consider these two only valid documentation alternatives, but not for active development like Storybook.
tsdx
-
ReactJS Good Practices
tsdx - Zero-config CLI for TypeScript package development
-
Help with bundling a module using webpack
If you’re into TypeScript, I highly recommend https://tsdx.io . I’ve used it to create a package before and it’s so much easier
-
Using Next.js components in a custom npm library
Thanks for the insight fellas. Aside question, I was thinking of bootstrapping the project with tsdx, but their last release was well over 2 years ago. Wondering if there are any alternative options for creating libraries?
-
Rollup Library Starter
NOTE: If your project uses TypeScript, I would suggest using tsdx instead.
-
Creating Modern npm Packages
Sadly, it's a bit dead. We switched to dts-cli fork, but tsup looks good too
-
TypeScript is terrible for library developers
I don't depend on the actual typescript docs much but thankfully in @types and in tons of repos there are examples of well written typescript code.
The amount of JS and TS out there is also a bit of a foot gun though so stick with heavily used/starred libs if you aren't sure.
One tool that helps a lot with developing libraries in typescript is TSDX[0] or its successor dts-cli[1] and there is a bunch of good stuff in awesesome-typescript[2].
Maybe library devving is harder?(more work?) with tyepscript but it is worth it for the end developer, especially if that end developer is you. If you aren't using your own libs then you're probably getting paid by someone else to make them or... idk.
https://github.com/jaredpalmer/tsdx
-
How to create your own React Components library
We will use a TSDX library - this tool is something similar to create-react-app, but for creating components library. It allows as to initialize a project immediately with already set up bundler, Rollup with Typescript supporting, testing with Jest, code formatter, Prettier and Storybook.
-
Is there a point in writing in TypeScript personal projects that I will maintain myself?
May be you need to try https://tsdx.io/
-
The Node ecosystem (still) has tooling problems
So what is the ideal way to build TypeScript libraries? I've heard that tsdx https://tsdx.io/ is quite good
-
React component library - 2022 where to start
There’s tsdx. But I’d recommend using Vite and storybook-vite
What are some alternatives?
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Microbundle - 📦 Zero-configuration bundler for tiny modules.
docz - ✍ It has never been so easy to document your things!
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
parcel - The zero configuration build tool for the web. 📦🚀
Next.js - The React Framework
tsup - The simplest and fastest way to bundle your TypeScript libraries.
story-tab - ⚡ Create React components demos in a zap
create-react-app - Set up a modern web app by running one command.
component-controls - A next-generation tool to create blazing-fast documentation sites.
nx - Smart Monorepos · Fast CI