docs: add a doc on benefits of using linaria #151
Conversation
Codecov Report
@@ Coverage Diff @@
## master #151 +/- ##
=======================================
Coverage 97.57% 97.57%
=======================================
Files 20 20
Lines 412 412
Branches 80 80
=======================================
Hits 402 402
Misses 10 10Continue to review full report at Codecov.
|
README.md
Outdated
| @@ -180,6 +180,7 @@ export function App() { | |||
| * [Theming](/docs/THEMING.md) | |||
| * [Server Rendering](/docs/SERVER_RENDERING.md) | |||
| * [Bundlers integration](/docs/BUNDLERS_INTEGRATION.md) | |||
| * [Why use Linaria](/docs/BENEFITS.md) | |||
There was a problem hiding this comment.
Maybe we could shift it up to be first in the list for visibility?
docs/BENEFITS.md
Outdated
|
|
||
| ### Full power of CSS | ||
|
|
||
| Unlike inline styles, you the full power of CSS with Linaria, such as: |
docs/BENEFITS.md
Outdated
|
|
||
| ### Zero-runtime | ||
|
|
||
| Linaria is unique in the sense that it doesn't need a runtime to work. Styles are parsed, evaluated and generated at build time. It can help you improve the load time by loading CSS and JavaScript in parallel, and improve runtime performance since no extra work such as parsing needs to be done at runtime. |
There was a problem hiding this comment.
=> and improve runtime performance because no extra work, such as parsing, needs to be done at runtime.
docs/BENEFITS.md
Outdated
|
|
||
| ### 3. Maximum expressiveness | ||
|
|
||
| Since Linaria supports JavaScript expressions, you can have generate style rules inside a declaration programmatically with JavaScript. You can also share constants and helper functions between your CSS and JavaScript, compose styles together and much more. |
There was a problem hiding this comment.
Linaria supports JavaScript expressions, which enables you to generate style rules inside a declaration programmatically with JavaScript. You can also share constants and helper functions between your CSS and JavaScript, compose styles together and much more.
satya164
force-pushed
the
@satya164/benefits
branch
from
1dc84c2 to
8ee22f3
Compare
satya164
force-pushed
the
@satya164/benefits
branch
from
8ee22f3 to
678c3fe
Compare
satya164
force-pushed
the
@satya164/benefits
branch
from
678c3fe to
88c74f4
Compare
No description provided.