jaebradley / Example Rollup React Component Npm Package
Licence: mit
Example React Component, Published to npm
Stars: ✭ 122
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Example Rollup React Component Npm Package
Packagephobia
⚖️ Find the cost of adding a new dependency to your project
Stars: ✭ 1,110 (+809.84%)
Mutual labels: npm, npm-package
Webcam Easy
javascript access webcam stream and take photo
Stars: ✭ 79 (-35.25%)
Mutual labels: npm, npm-package
Getme
CLI utility for everyday tasks. With getme you get weather, forecast, currency rate, upload files, IP address, word definitions, text translations, internet speed, do google searches, get inspirational quotes and get Chuck Norris jokes
Stars: ✭ 118 (-3.28%)
Mutual labels: npm, npm-package
Vue Csv Import
Vue.js component to select a CSV file, map the columns to fields, and post it somewhere.
Stars: ✭ 95 (-22.13%)
Mutual labels: npm, npm-package
React Use Api
Async HTTP request data for axios. Designed for diverse UI states, SSR and data pre-caching.
Stars: ✭ 49 (-59.84%)
Mutual labels: npm, npm-package
Minimal Feedback
🗳 minimal-feedback is a blazingly fast and highly customizable component to get user feedback.
Stars: ✭ 78 (-36.07%)
Mutual labels: npm, npm-package
Yarpm
CLI tool to run npm scripts with either npm or yarn, depending on how it was started
Stars: ✭ 13 (-89.34%)
Mutual labels: npm, npm-package
Angular File Uploader
Angular file uploader is an Angular 2/4/5/6/7/8/9/10 + file uploader module with Real-Time Progress Bar, Responsive design, Angular Universal Compatibility, localization and multiple themes which includes Drag and Drop and much more.
Stars: ✭ 92 (-24.59%)
Mutual labels: npm, npm-package
Event Target Shim
An implementation of WHATWG EventTarget interface, plus few extensions.
Stars: ✭ 89 (-27.05%)
Mutual labels: npm, npm-package
Node Sonic Channel
🦉 Sonic Channel integration for Node. Used in pair with Sonic, the fast, lightweight and schema-less search backend.
Stars: ✭ 101 (-17.21%)
Mutual labels: npm, npm-package
Tsdx
Zero-config CLI for TypeScript package development
Stars: ✭ 9,010 (+7285.25%)
Mutual labels: rollup, npm
Awesome Node Utils
some useful npm packages for nodejs itself
Stars: ✭ 51 (-58.2%)
Mutual labels: npm, npm-package
Actions Package Update
keeps npm dependencies up-to-date by making pull requests from GitHub Actions or CI.
Stars: ✭ 36 (-70.49%)
Mutual labels: npm, npm-package
Incompose
A inferno utility belt for function components and higher-order components
Stars: ✭ 76 (-37.7%)
Mutual labels: npm, npm-package
Eslint Plugin Node
Additional ESLint's rules for Node.js
Stars: ✭ 740 (+506.56%)
Mutual labels: npm, npm-package
Preppy
A simple and lightweight tool for preparing the publish of NPM packages.
Stars: ✭ 23 (-81.15%)
Mutual labels: rollup, npm
Node Fast Ratelimit
☔️ Fast and efficient in-memory rate-limit for Node, used to alleviate most common DOS attacks.
Stars: ✭ 84 (-31.15%)
Mutual labels: npm, npm-package
Tplink Cloud Api
A node.js npm module to remotely control TP-Link smartplugs (HS100, HS110) and smartbulbs (LB100, LB110, LB120, LB130) using their cloud web service (no need to be on the same wifi/lan)
Stars: ✭ 96 (-21.31%)
Mutual labels: npm, npm-package
example-rollup-react-component-npm-package
Example React
component "library" using rollup
that is published to npm
.
rollup
and webpack
There are a lot of articles that compare rollup
and webpack
(like this or this or this or this).
The general point is
webpack
is generally a better fit for applications, androllup
is generally a better fit for libraries 1
So what is this project?
I've never used rollup
before - hell, I've barely used webpack
before.
This was mostly to see how easy / difficult it was to create a React
component package using rollup
(aka "proof-of-concept").
My requirements for this package were
- Use
babel
- Use
semantic-release
- Use
sass
- Support
umd
andes
modules - Use
storybook
- Make the exported components really simple
My general thoughts
- Seemed pretty easy to get started with
rollup
- There are a lot of plugins 2
- Pretty easy to specify output types (
umd
andes
, for example) - Some
rollup
plugins didn't really play nicely with[email protected]
- which is why I downgraded to6
(I could definitely be messing something up)
- Not an easy way to plug
storybook
in- It's weird and feels kind've gross because
storybook
is usingwebpack
to build 😬
- It's weird and feels kind've gross because
- Articles that were helpful
Footnotes
- 1general general general general general. In general, I could do this all day.
- 2Like a metric fuck ton of plugins
- 3How I feel about "baller"
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].