@doist/reactist 19.0.1 → 19.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/reactist.cjs.development.js +2 -1
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/new-components/spinner/spinner.js +2 -1
- package/es/new-components/spinner/spinner.js.map +1 -1
- package/lib/new-components/banner/banner.d.ts +28 -0
- package/lib/new-components/banner/banner.test.d.ts +1 -0
- package/lib/new-components/banner/index.d.ts +2 -0
- package/lib/new-components/spinner/spinner.js +1 -1
- package/lib/new-components/spinner/spinner.js.map +1 -1
- package/package.json +5 -2
package/README.md
CHANGED
|
@@ -62,6 +62,18 @@ The setup task will install dependencies and run various validations (linting, t
|
|
|
62
62
|
|
|
63
63
|
We identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications.
|
|
64
64
|
|
|
65
|
+
## Creating new components
|
|
66
|
+
|
|
67
|
+
The development of new components is streamlined by the ability to generate new component templates using [plop](https://plopjs.com/):
|
|
68
|
+
|
|
69
|
+
```sh
|
|
70
|
+
npm run plop component
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
This command will prompt you to provide all the information needed to create a new component template. The most important piece of information needed is the component name, which you can provide even as a phrase (e.g. "dropdown select" will generate a `DropdownSelect` component template).
|
|
74
|
+
|
|
75
|
+
The generated source files include the component implementation with sample props and styles, plus a small test file and storybook source files as well.
|
|
76
|
+
|
|
65
77
|
## Storybook
|
|
66
78
|
|
|
67
79
|
For the first development mode run:
|
|
@@ -594,7 +594,8 @@ function Spinner({
|
|
|
594
594
|
width: size,
|
|
595
595
|
height: size,
|
|
596
596
|
viewBox: "0 0 24 24",
|
|
597
|
-
className: modules_c7f5018f.svg
|
|
597
|
+
className: modules_c7f5018f.svg,
|
|
598
|
+
"data-chromatic": "ignore"
|
|
598
599
|
}, /*#__PURE__*/React.createElement("g", {
|
|
599
600
|
fill: "none",
|
|
600
601
|
fillRule: "nonzero"
|