❤
npm
Sign UpSign In

@mvf/product-components
TypeScript icon, indicating that this package has built-in type declarations

16.6.1 • Public • Published

MVF PRODUCT COMPONENTS

Package that contains all internal MVF product react components

Changelog

Local Install

  1. First, run git clone git@bitbucket.org:mvfglobal/mvf-localstack.git and set it up using setup instructions of the project.

  2. Then, run git clone git@bitbucket.org:mvfglobal/mvf-product-components.git.

  3. Run make setup to initialise and start the project.

    • make setup must be run the first time, it does a bunch of one of things, e.g. build image.
    • if you just want to start / restart project run make, it is much faster!

  4. Find development storybook deployed at http://mvf-product-components.localhost:2000/

  5. Find production storybook deployed at https://mvf-product-components.mvfglobal.com/

Creating Components

Please install and use Folder Templates vscode extension to create components. This extension allows us to create a templated folder with all necessary component files in the right structure. The Component template is already created in the .fttemplates/React Component folder you DO NOT have to make your own. To create a templated folder simply right click on the folder where you want to create a component, e.g. Atoms folder, and select "Create New Templated Folder", You will see a text field appear, enter component name using PascalCase convention then press enter to create new component folder.

Coding Standards

We are mostly using Airbnb JavaScript Style Guide with a few exceptions.

Exceptions:

  • 6.1 Use single quotes '' for strings. eslint: quotes
  • 10.3 And do not export directly from an import.
  • 11.2 Don’t use generators for now; This rule only matters in browsers, also, we use redux sagas so this is not really possible.
  • 17.2 Don't use selection operators in place of control statements; We tend to use this within jsx code but not in standard js code.
  • 19.7 Leave a blank line after blocks and before the next statement; We follow this mostly with a few exceptions.
  • 26 jQuery; Just don't use it.
  • 27 ECMAScript 5 Compatibility; transpilers handle compatibility issues.

The code base is written in typescript so there are a few exceptions but for the most part you can apply javascript rules to typescript without interpretation.

After merging

After you have merged a PR to master, you need to rebuild and publish the components to npm. Currently we are publishing the next branch, which has a later version of mui installed than master branch.

You will need to have node and typescript installed locally for this command to work, please ensure that your local version matches what is listed in the project.

  1. Ensure your npm account is listed under the mvf organisation and that you are a maintainer of the project @mvf/product-components.
  2. Log in to npm on command line with npm login and follow the prompts, including using your 2FA npm password.
  3. Checkout the next branch git checkout next && git pull
  4. Use one of the following make publish commands to publish changes, please use semantic versioning:
    • make publish kind=patch - Use this if your change is a bug fix and is backwards compatible.
    • make publish kind=minor - Use this if your change adds new functionality and is backwards compatible.
    • make publish kind=major - Use this if your change is not backwards compatible.
  5. This command will create a commit and publish a new version of the npm package, which you can then use where required

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
16.6.10latest

Version History

VersionDownloads (Last 7 Days)Published
16.6.10
16.6.00
16.5.20
16.5.10
16.5.00
16.4.00
16.3.00
16.2.00
16.1.10
16.1.00
16.0.140
16.0.130
16.0.120
16.0.110
16.0.100
16.0.90
16.0.80
16.0.70
16.0.60
16.0.50
16.0.40
16.0.20
16.0.10
16.0.00
15.9.130
15.9.121
15.9.110
15.9.100
15.9.90
15.9.81
15.9.70
15.9.60
15.9.50
15.9.40
15.9.30
15.9.20
15.9.00
15.7.60
15.7.50
15.7.40
15.7.30
15.7.20
15.7.10
15.7.00
15.6.10
15.6.00
15.5.00
15.4.00
15.2.10
15.2.00
15.1.20
15.1.00
15.0.250
15.0.240
15.0.231
14.2.40
15.0.210
15.0.200
15.0.190
15.0.180
15.0.170
15.0.160
15.0.150
15.0.110
15.0.100
15.0.90
15.0.80
15.0.70
15.0.60
15.0.50
15.0.40
15.0.30
15.0.20
15.0.00
14.1.40
14.1.30
14.1.00
14.0.30
14.0.20
14.0.00
13.4.30
13.4.20
13.4.10
13.4.00
13.3.00
13.2.10
13.2.00
13.1.170
13.1.160
13.1.150
13.1.130
13.1.120
13.1.110
13.1.100
13.1.90
13.1.80
13.1.70
13.1.60
13.1.50
13.1.40
13.1.30
13.1.20
13.1.10
13.1.00
13.0.00
12.0.40
12.0.30
12.0.20
12.0.10
12.0.00
11.0.00
10.2.00
10.1.10
10.1.00
10.0.10
10.0.00
9.0.20
9.0.10
9.0.00
8.3.00
8.2.00
8.1.00
8.0.00
7.1.01
7.0.00
6.3.10
6.3.00
6.2.00
6.0.00
5.1.00
5.0.10
5.0.00
4.4.20
4.4.10
4.4.00
4.3.30
4.3.20
4.3.10
4.3.00
4.2.00
4.1.20
4.1.10
4.1.00
4.0.00
3.1.00
3.0.00
2.6.10
2.6.00
2.5.20
2.5.10
2.4.10
2.5.00
2.4.00
2.3.00
2.2.00
2.1.10
2.1.00
2.0.20
2.0.00
1.6.10
1.6.00
1.5.20
1.5.00
1.4.00
1.3.20
1.3.10
1.2.10
1.2.00
1.1.10
1.1.00
1.0.10
1.0.00

Package Sidebar

Install

npm i @mvf/product-components

Weekly Downloads

4

Version

16.6.1

License

MIT

Unpacked Size

1.67 MB

Total Files

1586

Last publish

Collaborators

  • laleh.koupaei
  • gijserensteinmvf
  • arnicsm
  • russellwind-mvf
  • dovydas.rupsys
  • michaelkingmvf
  • john.felton
  • jrrsmvf
Try on RunKit
Report malware