Reaction Commerce - Example Storefront Component Library


91390.69.13 months ago3 years agoMinified + gzip package size for @reactioncommerce/components in KB



Getting Started

npm install --save react@16.4.2 prop-types@15.6.2 styled-components@3.3.3 reacto-form@0.0.2 @reactioncommerce/components-context@1.0.0 @reactioncommerce/components


yarn add react@16.4.2 prop-types@15.6.2 styled-components@3.3.3 reacto-form@0.0.2 @reactioncommerce/components-context@1.0.0 @reactioncommerce/components

Note that the minimum required React version is 16.4.1 because this package uses newer APIs like createContext and forwardRef. The react, prop-types, @reactioncommerce/components-context, reacto-form, and styled-components packages are peer dependencies, which means that you must install the proper versions in your app. They are not included with this package.

If you use the StripeForm component, then you must also install react-stripe-elements@2.0.1. It is an optional peer dependency.

Then import a component:

import Button from "@reactioncommerce/components/Button/v1";

Notice that you must specify what version of the component you want. If you update to a newer minor or patch release of the @reactioncommerce/components package, none of your components will change by default. You will also have to change where you import them from, for example, change v1 to v2. Occasionally we will release a new major version of the package, and some of the older component versions may disappear.

In your HTML:

// Font for display type
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700" rel="stylesheet">


Several components in this library use Font Awesome icons in scalable vector graphic format (SVGs), under the Font Awesome Free License.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.