Micell
A collection of functions for web development
Great Various
Many categories, such as character, string, date, dom, cookie, url and so on.
TypeScript Support
Including sufficient TypeScript type definitions
Small Size
Use the babel-plugin-lodash to reduce the bundle size.
# What is Micell?
Micell (pronounced /maɪˈsel/, like my-cell) is a collection of functions which is used with web development daily. Micell only includes the common functions in the most projects. Also, for integrity, it will include some uncommon functions.
# What is not Micell?
- It is not a replace to Lodash, Momentjs or Dayjs.
- It is not to include all utility functions in your application.
# Why Micell?
- Shared in community: You don't need to write the common utility functions repeatedly. Micell make reusing across all projects.
- Typescript support: Source code is written with TypeScript. And type declaration files is bundled in npm package.
- High reliability: Test in all modern browsers, even in IE 11. Up to 96% test coverage.
- Import as need: Use babel-plugin-lodash to import the used modules.
# Install
Npm
npm i --save micell
Yarn
yarn add micell
CDN
If you want to use micell with <script>
directly, you can use jsDelivr (opens new window).
The latest version:
<script src="https://cdn.jsdelivr.net/npm/micell"></script>
The specific version:
<script src="https://cdn.jsdelivr.net/npm/micell@0.15.0/dist/micell.js"></script>
The ES Modules version:
<script src="https://cdn.jsdelivr.net/npm/micell@0.15.0/dist/micell.esm.browser.js"></script>
The micell also exists in unpkg (opens new window).
# Usage
import micell from 'micell'
// Generate a random string
micell.randomString();
// Get a cookie value
micell.cookie.get('name')
More functions see the Docs.
Tip: You can try micell in the console of browser which is exported as the global
micell
object.
# Reduce the bundle size
You can use the babel-plugin-lodash (opens new window) to bundle the methods as you needed.
.babelrc
{
"plugins": [
["lodash", { "id": ["micell"] }]
]
}