All Projects → jaebradley → Example Rollup React Component Npm Package

jaebradley / Example Rollup React Component Npm Package

Licence: mit
Example React Component, Published to npm

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
Package.json
文件 package.json 的说明文档。
Stars: ✭ 67 (-45.08%)
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
Nls
Missing inspector for npm packages.
Stars: ✭ 44 (-63.93%)
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

Greenkeeper badge Example Rollup React Component NPM Package codecov npm npm

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, and rollup 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

  1. Use babel
  2. Use semantic-release
  3. Use sass
  4. Support umd and es modules
  5. Use storybook
  6. Make the exported components really simple

My general thoughts

Footnotes

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].