RE: Styled Components - An easier way to design apps with ES6 and CSS by superoo7

steemhunt · @superoo7 · Jun 5 '18 (edited)

As a web developer that had been using a lot of CSS, Sass and also styled-component, these are my thoughts:

The Pros: 

* Making CSS more programmable and into container based.
* CSS in JS support template literal, making CSS to have cooler features.
* Most of the feature of Sass are in styled component.
* Open source project.
* Can be added into your workflow easily (Gulp, Grunt, Webpack)

The Cons：

* Learning curve and syntax changes.
* Mixing CSS into JS, not sure everyone is the fan of doing so.
* Without the use of SSR, might caused bad User Experience for older browser user or those disabled JS

properties (22)

`author`	superoo7
`permlink`	re-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t064603169z
`category`	steemhunt
`json_metadata`	{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
`created`	2018-06-05 06:46:45
`last_update`	2018-06-05 06:47:06
`depth`	1
`children`	0
`last_payout`	2018-06-12 06:46:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	610
`author_reputation`	27,763,618,634,121
`root_title`	"Styled Components - An easier way to design apps with ES6 and CSS"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	59,327,813
`net_rshares`	0