AJR/TechradarDev
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix typos

Browse Source
This commit is contained in:
daniel.motzko
2021-06-30 13:31:45 +02:00
parent e01de3b24d
commit 2148c7a059
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
radar/2021-01-01/css-in-js.md
View File

@@ -4,7 +4,7 @@ ring: trial
quadrant: methods-and-patterns quadrant: methods-and-patterns
--- ---
CSS-in-JS is a method where JavaScript is used to style components. The first libraries which implemented these technique where [Styled-Components](https://styled-components.com/), [Emotion](https://emotion.sh/) & [JSS](https://cssinjs.org/). CSS-in-JS is a method where JavaScript is used to style components. The first libraries which implemented this technique were [Styled-Components](https://styled-components.com/), [Emotion](https://emotion.sh/) & [JSS](https://cssinjs.org/).
### Example: ### Example:
@@ -29,10 +29,10 @@ return <Button primary>Click me</Button>;
Advantages of CSS-in-JS Advantages of CSS-in-JS
- Local Scoping instad of global namespace - Local Scoping instead of global namespace
- No classname to element mapping - No classname to element mapping
- Use the full power of JavaScript to enhance CSS (loops, variables & more) - Use the full power of JavaScript to enhance CSS (loops, variables & more)
- Dynamic syling & Theming (Access to state or props) - Dynamic styling & Theming (Access to state or props)
- TypeScript Support - TypeScript Support
Disadvantages of CSS-in-JS Disadvantages of CSS-in-JS