⚛️ MFCL ⚛️
🚀 Getting started
Install package
yarn add mfcl
👾 Usage
import React, { Component } from 'react'
import MyComponent from 'mfcl/dist/MyComponent'
...
- Note - webpack should automatically treeshake the components not used.
✨ Developer experience
yarn start
oryarn dev
- Starts the documentation at http://localhost:4000/yarn watch
- rollup watches any changes (not really needed)yarn build
- builds the component libraryyarn build:web
- builds the docsyarn test
- runs any testsyarn plop
- see below
💅 Style management
CSS Modules
Docz
The docs are built with ❤️ from docz
Create a new component with Plop Component Generator
yarn plop
and follow the prompt oryarn plop MyComponent
will generateMyComponent.jsx
,myComponent.module.scss
,MyComponent.test.js
, andMyComponent.mdx
- Update
package.json
according to semver. - Give a description of what changed in
src/CHANGELOG.mdx
followed by who made the changes. - Profit 💰
Automatic code formatting
prettier is an opinionated code formatter aiming to provide codebase consistency when multiple developers work on the same project. The main reason behind adopting Prettier is to stop all the on-going debates over coding styles.
Linting
Linters are tools that analyze source code to flag programming errors, bugs, stylistic errors, and suspicious constructs.
- JavaScript is linted by ESLint, enforcing the Airbnb JavaScript Style Guide through an overridable set of rules provided by eslint-config-airbnb-base.
- Styles are linted by stylelint, adhering to the rules specified in stylelint-config-recommended.
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago