tsdx
create-react-library
DISCONTINUED
Our great sponsors
tsdx | create-react-library | |
---|---|---|
45 | 5 | |
11,135 | 4,794 | |
0.3% | - | |
0.0 | 2.6 | |
10 months ago | about 1 year ago | |
JavaScript | JavaScript | |
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.
tsdx
-
ReactJS Good Practices
tsdx - Zero-config CLI for TypeScript package development
-
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
Used https://tsdx.io/ recently to do this, saved a lot of time and effort.
-
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.
-
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
-
How to include dependent types in library build?
I'd just add the types as a dependency but if you want to bundle them then afaik https://github.com/jaredpalmer/tsdx can do it (though I have never tried).
create-react-library
-
How are you bundling a React Component Library?
At first i thought that this was THE solution but looking deeper at the source code, this tool is a wrapper around a wrapper around a wrapper.... Don't get me wrong, it probably works, but it's currently using a rollup configuration that was created in 2018, the package itself has not seen any updates in 17 months and has 106 open issues. Also the owner says himself that he's not able to work that much on it anymore and suggest to use TSDX which in return hasn't been updated in several months, many open issues and extensive customization is recommended with patch-package which already in itself is a red-flag :(
-
Awesome React Resources
create-react-library - CLI for creating reusable, modern React libraries using Rollup and create-react-app.
-
Build your own styled-components
Using create-react-library to scaffold a React component library.
-
How Did I build My First React Package
create-react-library
-
Looking for recommendation for react component starter
Just found this: https://github.com/transitive-bullshit/create-react-library
What are some alternatives?
Microbundle - 📦 Zero-configuration bundler for tiny modules.
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]
parcel - The zero configuration build tool for the web. 📦🚀
tsup - The simplest and fastest way to bundle your TypeScript libraries.
create-react-app - Set up a modern web app by running one command.
nx - Smart Monorepos · Fast CI
esbuild - An extremely fast bundler for the web
twin.macro - 🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
rollup-react-example - An example React application using Rollup with ES modules, dynamic imports, Service Workers, and Flow.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Next.js - The React Framework
semantic-release - :package::rocket: Fully automated version management and package publishing