Skip to content

Commit 288a7a8

Browse files
authored
Add transform-decorators-legacy to README
1 parent 7d86db0 commit 288a7a8

File tree

1 file changed

+11
-7
lines changed

1 file changed

+11
-7
lines changed

β€ŽREADME.md

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
### CSS constructor πŸ’„ for React components
22

33
![beta](https://img.shields.io/badge/status-beta-yellow.svg)
4+
45
--
56

67
Every React component gets a javascript constructor for functional logic.
@@ -56,21 +57,24 @@ export default class Hello extends React.Component {
5657

5758
#### Usage
5859

59-
```
60-
npm install css-constructor --save
61-
```
60+
1. `npm install css-constructor --save`
6261

63-
Add a `@css` block just before the `render` function (important)
62+
2. Add a `@css` block **just before** the `render` function (important)
63+
64+
3. Add `transform-decorators-legacy` to `plugins` in `.babelrc` (Already downloaded with πŸ’„)
65+
66+
You can start using this right away. Even though πŸ’„ is in `BETA`, the `@css` block will always look the same.
6467

65-
Bonus: It also works with the offical emoji
68+
--
69+
70+
Bonus: You can also use the official emoji instead of `@css`
6671
```js
6772
@πŸ’„`
6873
color: #FF6962;
6974
`
7075
```
7176

72-
You can start using this right away. Even though πŸ’„ is in `BETA`, the `@css` block will always look the same.
73-
77+
--
7478

7579
#### How does it work?
7680

0 commit comments

Comments
Β (0)