Skip to content

Commit e15a09d

Browse files
Update README.md
1 parent 7084b71 commit e15a09d

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

README.md

+2
Original file line numberDiff line numberDiff line change
@@ -87,8 +87,10 @@ Please checkout our [goals](#goals) before drawing your own conclusions.
8787
- more suited for highly dynamic and interactive applications
8888
11. **Atomic**: ability to generate atomic css classes and increasing reusability, reducing style duplication
8989
- this generates a separate CSS class for each CSS property
90+
- it's a bit more difficult to debug/inspect when dealing with many class names applied
9091
- you'll get larger HTML files, because each element will contain a large number of CSS classes applied
9192
- theoretically [atomic CSS-in-JS](https://sebastienlorber.com/atomic-css-in-js) reduces the scaling factor of your styles, [Facebook is doing it](https://www.youtube.com/watch?v=9JZHodNR184) as well
93+
- it's debatable if the styles size reduction, is greater than the html size increase (what is the final delta)
9294
12. **`className`**: the API returns a string which you have to add to your component/element
9395
- similar how you would normally style React components, so it's easy to adopt because you don't have to learn a new approach
9496
- you'll probably have to use string concatenation, or interpolation, to combine styles

0 commit comments

Comments
 (0)