aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/README.md
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-10-11 04:50:20 +0800
committerFabio Berger <me@fabioberger.com>2018-10-11 04:50:20 +0800
commita300a451c85b664a9a5c9c813f1d516d1cd6ecba (patch)
treea785e481b0a131bb3cce9fadd855c0aa9e1f83a9 /packages/dev-tools-pages/README.md
parent2a95d3269d0df4afc777e2e97d3544f625f2f27c (diff)
downloaddexon-sol-tools-a300a451c85b664a9a5c9c813f1d516d1cd6ecba.tar
dexon-sol-tools-a300a451c85b664a9a5c9c813f1d516d1cd6ecba.tar.gz
dexon-sol-tools-a300a451c85b664a9a5c9c813f1d516d1cd6ecba.tar.bz2
dexon-sol-tools-a300a451c85b664a9a5c9c813f1d516d1cd6ecba.tar.lz
dexon-sol-tools-a300a451c85b664a9a5c9c813f1d516d1cd6ecba.tar.xz
dexon-sol-tools-a300a451c85b664a9a5c9c813f1d516d1cd6ecba.tar.zst
dexon-sol-tools-a300a451c85b664a9a5c9c813f1d516d1cd6ecba.zip
Explains tools we want them to use
Diffstat (limited to 'packages/dev-tools-pages/README.md')
-rw-r--r--packages/dev-tools-pages/README.md14
1 files changed, 14 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/README.md b/packages/dev-tools-pages/README.md
index b7bdf3bc3..39fe70a25 100644
--- a/packages/dev-tools-pages/README.md
+++ b/packages/dev-tools-pages/README.md
@@ -35,6 +35,20 @@ Visit [http://localhost:3572/](http://localhost:3572/) in your browser.
The webpage will refresh when source code is changed.
+### 4. Code!
+
+There are some basic primitives we'd like you to use:
+
+1. `<Container>Stuff</Container>`: Use containers instead of divs,spans,etc... and use it's props instead of inline styles (e.g `style={{margin: 3}}` should be `margin="3px"`
+
+2. `<Text>Look ma, text!</Text>`: Use text components whenever rendering text. It has props for manipulating texts, so again no in-line styles. Use `fontColor="red"`, not `style={{color: 'red'}}`.
+
+3. Styled-components: See the `ui/button.tsx` file for an example of how to use these.
+
+4. BassCss: This library gives you access to a bunch of [classes](http://basscss.com/) that apply styles in a browser-compatible way, has affordances for responsiveness and alleviates the need for inline styles or LESS/CSS files.
+
+With the above 4 tools and following the React paradigm, you shouldn't need CSS/LESS files. IF there are special occasions where you do, these is a `all.less` file, but this is a solution of last resort. Use it sparingly.
+
### Clean
```bash