create account

Styled Components - An easier way to design apps with ES6 and CSS by deveerei

View this thread on: hive.blogpeakd.comecency.com
· @deveerei · (edited)
$21.90
Styled Components - An easier way to design apps with ES6 and CSS
# Styled Components
An easier way to design apps with ES6 and CSS

---
## Screenshots
<center>![Screen Shot 06-04-18 at 11.52 PM.PNG](https://i.imgur.com/F9Mx4Mq.png)</center>

<center>![Screen Shot 06-04-18 at 11.51 PM.PNG](https://i.imgur.com/mO7ngdJ.png)</center>

<center>![Screen Shot 06-04-18 at 11.56 PM.PNG](https://i.imgur.com/c9m3Vao.png)</center>

<center>![Screen Shot 06-04-18 at 11.56 PM 001.PNG](https://i.imgur.com/vXCQDE7.png)</center>

<center>![Screen Shot 06-04-18 at 11.57 PM.PNG](https://i.imgur.com/G1SIkTk.png)</center>



---
## Hunter's comment
# <center> What is Styled Components? </center> <h1>

You can head over to this YouTube video that discusses the motivation behind it and introduces Styled Components:

https://www.youtube.com/watch?v=bIK2NwoK9xk

***

Styled-components is a coding/programming system for apps and websites that implements tagged template literals to style your components.

This crosses out the need for mapping between components and styles. This means that defining styles just needs creating normal React components, that has your styles attached to it.

***

If you want to see what things can be built with Styled Components or what websites/companies have already used them, you can go directly to this link here: https://www.styled-components.com/ecosystem.

**Here are a few examples out of that link:**

- **[Coinbase Pro](https://pro.coinbase.com/)** - is a US-based exchange with trading UI, FIX API and REST API.
- **[Swat.io](https://swat.io/)** - Social Media Managment for Teams.
- **[Grabient.com](https://www.grabient.com/)** - A beautiful and simple UI for generating web gradients. (source).

***

Here's a sample YouTube video for creating styles with this product:

https://www.youtube.com/watch?v=u6gQ48rSw-E

***

All images used are from styled-components.com and websites who used this open-source system.

---
## Link
https://www.styled-components.com/?ref=steemhunt

---
## Contributors
Hunter: @deveerei

---
<center><br/>![Steemhunt.com](https://i.imgur.com/jB2axnW.png)<br/>
This is posted on Steemhunt - A place where you can dig products and earn STEEM.
[View on Steemhunt.com](https://steemhunt.com/@deveerei/styled-components-an-easier-way-to-design-apps-with-es6-and-css)
</center>

<center>
![footer.png](https://steemitimages.com/DQmYWVAcL1vgXUiCXsD2jxHkAs9eQQL6YAHHStYNbwmEgNn/footer.png)
[<img src="https://steemitimages.com/DQmTRKXBusWRaXX1kCMKa2WFYfwHDsWPC1Md6A5zigJCvsT/1steem.png)">](https://steemit.com/@steemph)[<img src="https://steemitimages.com/DQmQRngoJRY9Hf8uMiMPvvd71mHUK3W74dXNQxg51qFJLJ5/1bayan.png)">](https://steemit.com/@bayanihan)[<img src="https://steemitimages.com/DQmcbCVPTaG1hL61YhnHP9F9ZsiFzfQ55duaS9RzDiwPdUp/1phil.png)">](https://steemit.com/created/philippines)
<center>![deveerei new.png](https://steemitimages.com/DQmVCDNSJVPJDYbwcRzLrtKCgXjXECzya2s9Zm9kueFquco/deveerei%20new.png)</center>
<center>![deveerei.png](https://steemitimages.com/DQmaQEkJjr9vXiwjDVHRasmfhPEhDTmnvJASJaRacyY6PRX/deveerei.png)</center>
![spacer.png](https://steemitimages.com/DQmcMcks4AeCodygB69uWnMv43YYj35oDeDMiEmZ5JzUcAT/spacer.png)
[<img src="https://steemitimages.com/DQmR2F5Hf5ruzoBFQjmK7LZQUgGuegZS2ZxpUMCpu3EQ9VC/Facebook_30px.png">](https://www.facebook.com/deveereiblog)[<img src="https://steemitimages.com/DQmXebbopRSA9xXx5js81cXJvaiZEx1VW6JBBvNnPYWPEEZ/Twitter_30px.png">](https://twitter.com/deveerei)[<img src="https://steemitimages.com/DQmd1iUQEHaMcUWiD4H4ZymBDXVQ9zEjp13imKoD2wro29o/WordPress_30px.png">](https://deveerei.wordpress.com/)[<img src="https://steemitimages.com/DQmVXSvKyisxeCYeFw8KbYu13knvJWMJR2EPjhkGrdqh9sL/DeviantART_30px.png">](http://deveerei.deviantart.com/)[<img src="https://steemitimages.com/DQmbw9rr9isfGGHZRd7Ff3i2BvkfgxMXh3NAEbSuYzcgGuW/Instagram_32px.png">](https://www.instagram.com/deveerei/)
![Source.png](https://steemitimages.com/DQmUgLnAYNCS7aUWB7FEM4p1v88sFjKMhwv1ba3CQZ693Lz/Source.png)
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 83 others
properties (23)
authordeveerei
permlinkstyled-components-an-easier-way-to-design-apps-with-es6-and-css
categorysteemhunt
json_metadata{"tags":["steemhunt","opensource","programming","developers","utopian-io"],"image":["https://i.imgur.com/F9Mx4Mq.png","https://i.imgur.com/mO7ngdJ.png","https://i.imgur.com/c9m3Vao.png","https://i.imgur.com/vXCQDE7.png","https://i.imgur.com/G1SIkTk.png","https://img.youtube.com/vi/bIK2NwoK9xk/0.jpg","https://img.youtube.com/vi/u6gQ48rSw-E/0.jpg","https://i.imgur.com/jB2axnW.png","https://steemitimages.com/DQmYWVAcL1vgXUiCXsD2jxHkAs9eQQL6YAHHStYNbwmEgNn/footer.png","https://steemitimages.com/DQmTRKXBusWRaXX1kCMKa2WFYfwHDsWPC1Md6A5zigJCvsT/1steem.png)","https://steemitimages.com/DQmQRngoJRY9Hf8uMiMPvvd71mHUK3W74dXNQxg51qFJLJ5/1bayan.png)","https://steemitimages.com/DQmcbCVPTaG1hL61YhnHP9F9ZsiFzfQ55duaS9RzDiwPdUp/1phil.png)","https://steemitimages.com/DQmVCDNSJVPJDYbwcRzLrtKCgXjXECzya2s9Zm9kueFquco/deveerei%20new.png","https://steemitimages.com/DQmaQEkJjr9vXiwjDVHRasmfhPEhDTmnvJASJaRacyY6PRX/deveerei.png","https://steemitimages.com/DQmcMcks4AeCodygB69uWnMv43YYj35oDeDMiEmZ5JzUcAT/spacer.png","https://steemitimages.com/DQmR2F5Hf5ruzoBFQjmK7LZQUgGuegZS2ZxpUMCpu3EQ9VC/Facebook_30px.png","https://steemitimages.com/DQmXebbopRSA9xXx5js81cXJvaiZEx1VW6JBBvNnPYWPEEZ/Twitter_30px.png","https://steemitimages.com/DQmd1iUQEHaMcUWiD4H4ZymBDXVQ9zEjp13imKoD2wro29o/WordPress_30px.png","https://steemitimages.com/DQmVXSvKyisxeCYeFw8KbYu13knvJWMJR2EPjhkGrdqh9sL/DeviantART_30px.png","https://steemitimages.com/DQmbw9rr9isfGGHZRd7Ff3i2BvkfgxMXh3NAEbSuYzcgGuW/Instagram_32px.png","https://steemitimages.com/DQmUgLnAYNCS7aUWB7FEM4p1v88sFjKMhwv1ba3CQZ693Lz/Source.png"],"links":["https://www.youtube.com/watch?v=bIK2NwoK9xk","https://www.styled-components.com/ecosystem","https://pro.coinbase.com/","https://swat.io/","https://www.grabient.com/","https://www.youtube.com/watch?v=u6gQ48rSw-E","https://www.styled-components.com/?ref=steemhunt","https://steemhunt.com/@deveerei/styled-components-an-easier-way-to-design-apps-with-es6-and-css","https://steemit.com/@steemph","https://steemit.com/@bayanihan","https://steemit.com/created/philippines","https://www.facebook.com/deveereiblog","https://twitter.com/deveerei","https://deveerei.wordpress.com/","http://deveerei.deviantart.com/","https://www.instagram.com/deveerei/"],"community":"steemhunt","app":"steemit/0.1","users":["deveerei"],"format":"markdown"}
created2018-06-04 16:04:15
last_update2018-06-07 04:10:21
depth0
children33
last_payout2018-06-11 16:04:15
cashout_time1969-12-31 23:59:59
total_payout_value16.067 HBD
curator_payout_value5.828 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,934
author_reputation88,688,334,186,497
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries
0.
accountsteemhunt
weight900
1.
accountsteemhunt.fund
weight100
2.
accountsteemhunt.pay
weight500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,227,313
net_rshares6,880,378,604,639
author_curate_reward""
vote details (147)
@afifa ·
Pros
β€’ Lovely features 
β€’ Easy to utilize 
β€’ Programming language simple 
β€’ Can be futher improved in the future 

Cons

Non Found 
properties (22)
authorafifa
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t011910153z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 01:19:15
last_update2018-06-05 01:19:15
depth1
children0
last_payout2018-06-12 01:19:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length131
author_reputation24,357,746,131,852
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,292,866
net_rshares0
@an0na ·
Pros:
- User friendly
- Great IDE for developers
- Nice UI and many tools & features

Cons:
- None as I can see
properties (22)
authoran0na
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t052441580z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 05:26:09
last_update2018-06-05 05:26:09
depth1
children0
last_payout2018-06-12 05:26:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length111
author_reputation9,067,613,538,609
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,319,376
net_rshares0
@autoacademics ·
$0.91
Pros:

Great solution for coding in CSS
It would make app development easy
User-friendly
Reasonable price
Cons:

No downsides
πŸ‘  
properties (23)
authorautoacademics
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t144333169z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"app":"steemit/0.1"}
created2018-06-05 14:43:36
last_update2018-06-05 14:43:36
depth1
children0
last_payout2018-06-12 14:43:36
cashout_time1969-12-31 23:59:59
total_payout_value0.679 HBD
curator_payout_value0.226 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length125
author_reputation37,354,298,222
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,382,046
net_rshares299,894,810,022
author_curate_reward""
vote details (1)
@blessednami ·
**The Pros:**
- Having been used by many developers and websites/companies, this product just proves it has that Wow factor that is effective and quality-wise, a good product to use.
- This makes coding a lot simpler.
- Streamlining the codes provides better developments especially when doing bug hunts and improvements on the codes.
- Open Source means you'll be able to use it for no fees at all and is free of copyright infringements.
- Open Source means improvements over this product can be taken over by anyone in case the developers discontinue Styled Components.

**The Cons:**
- Support may be limited for open source products in the future if the original developers lets go of it and no one or a non-competitive team succeeds the project handling.
πŸ‘  
properties (23)
authorblessednami
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t184731555z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 18:47:48
last_update2018-06-04 18:47:48
depth1
children0
last_payout2018-06-11 18:47:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length759
author_reputation790,424,853,736
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,249,456
net_rshares1,579,407,897
author_curate_reward""
vote details (1)
@chronocrypto · (edited)
$1.07
Thank you for posting on Steemhunt!
However, your post has been delisted on Steemhunt because it does not meet the following 
posting guidelines.
https://steemitimages.com/DQmbcdMJV1UbtTxgv6ocTG4vrZ6inX89rJSBywwNQPikmzR/DQmbcdMJV1UbtTxgv6ocTG4vrZ6inX89rJSBywwNQPikmzR.png
SteemHunt does not allow the use of BidBots.
[Urgent Announcement @steemhunt will exclude all bid bot upvoted hunts](https://steemit.com/steemhunt/@steemhunt/urgent-announcement-steemhunt-will-exclude-all-bid-bot-upvoted-hunts)
πŸ‘  
properties (23)
authorchronocrypto
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t165138378z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0","verified_by":"chronocrypto"}
created2018-06-04 16:51:36
last_update2018-06-05 15:21:48
depth1
children1
last_payout2018-06-11 16:51:36
cashout_time1969-12-31 23:59:59
total_payout_value0.804 HBD
curator_payout_value0.267 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length500
author_reputation380,490,357,539,783
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,233,876
net_rshares299,894,810,022
author_curate_reward""
vote details (1)
@deveerei ·
Thanks a lot!
properties (22)
authordeveerei
permlinkre-chronocrypto-re-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t181214455z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"app":"steemit/0.1"}
created2018-06-04 18:12:30
last_update2018-06-04 18:12:30
depth2
children0
last_payout2018-06-11 18:12:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length13
author_reputation88,688,334,186,497
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,244,714
net_rshares0
@fel1xw ·
Pros:
* Scoped css styles
* Easy to maintain / refactor / remove components
* Ability to have themes easily
* Active community

Cons:
* You need to write css in your js files
properties (22)
authorfel1xw
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t122239870z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 12:22:39
last_update2018-06-05 12:22:39
depth1
children0
last_payout2018-06-12 12:22:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length174
author_reputation5,334,648,045,005
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,364,600
net_rshares0
@gentlemanoi ·
Pros:

- A lightweight component to use in your application
- Great tool for UX designer to create or build system easier
- It has a great graphical user interface
- It is an open source which you can edit and review the codes

Cons:

- None as I can see
properties (22)
authorgentlemanoi
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t023232824z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 02:33:48
last_update2018-06-05 02:33:48
depth1
children0
last_payout2018-06-12 02:33:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length254
author_reputation5,059,544,469,757
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,300,892
net_rshares0
@haneun ·
$0.04
Pros:

- Being Open Source.
- A wide user base
- Simplified coding especially for reviews and edits
- Helps improve work efficiency

Cons:

- None I can think of.
πŸ‘  
properties (23)
authorhaneun
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t111834724z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 11:18:36
last_update2018-06-05 11:18:36
depth1
children0
last_payout2018-06-12 11:18:36
cashout_time1969-12-31 23:59:59
total_payout_value0.030 HBD
curator_payout_value0.010 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length163
author_reputation1,419,930,030,128
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,356,876
net_rshares13,048,821,893
author_curate_reward""
vote details (1)
@hoa0123 ·
Pros :
- good product to use
- Simple and make easy
- improvements on the codes and bug hunt


Cons :
- price
properties (22)
authorhoa0123
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t211119405z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 21:11:18
last_update2018-06-04 21:11:18
depth1
children0
last_payout2018-06-11 21:11:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length109
author_reputation2,233,434,886,686
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,267,157
net_rshares0
@jepoyasinas ·
Pros
* Friendly user
* Make the coding or the development become easier
* Open source
* Nice Tool

Cons
* Price
properties (22)
authorjepoyasinas
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t103446367z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 10:34:51
last_update2018-06-05 10:34:51
depth1
children0
last_payout2018-06-12 10:34:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length111
author_reputation1,492,631,456,457
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,352,261
net_rshares0
@josephace135 ·
$1.03
Pros:
- Great platform which simplifies and makes the designs of your applications easier just by using their already proven codes which are being used by some well-known companies or platforms like Bloomberg and Huffington Post.
- Very great user interface which is very friendly.
- Has lots of stylings to offers thanks to its many documentations found in its Github.
- To top it all, this platform is open source, meaning anyone who is a coder and has something to impart, he can contribute right away and wait for merging of his/her pull requests.

Cons:
- None for this amazing platform, such a great initiative.
πŸ‘  
properties (23)
authorjosephace135
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t221057299z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 22:11:00
last_update2018-06-04 22:11:00
depth1
children0
last_payout2018-06-11 22:11:00
cashout_time1969-12-31 23:59:59
total_payout_value0.772 HBD
curator_payout_value0.256 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length617
author_reputation80,256,970,184,580
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,274,010
net_rshares299,894,810,022
author_curate_reward""
vote details (1)
@livelifefullest · (edited)
Pros: It seems this could be of good use to start with building some apps / The tool itself looks pretty easy
Cons: basic templates / price / speed
properties (22)
authorlivelifefullest
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t181556421z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"app":"steemit/0.1"}
created2018-06-04 18:15:57
last_update2018-06-04 18:16:42
depth1
children0
last_payout2018-06-11 18:15:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length147
author_reputation16,422,661,574,562
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,245,190
net_rshares0
@maikuraki ·
gt
properties (22)
authormaikuraki
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t225958522z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 22:59:57
last_update2018-06-04 22:59:57
depth1
children0
last_payout2018-06-11 22:59:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2
author_reputation84,401,428,293,332
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,279,275
net_rshares0
@mcenoramle ·
Pros:

Easy tool to   help you design your web page/css
lightweight and free to use
opensource

Cons:

None from I can see
properties (22)
authormcenoramle
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t021811948z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 02:18:09
last_update2018-06-05 02:18:09
depth1
children0
last_payout2018-06-12 02:18:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length122
author_reputation2,116,476,313,918
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,299,177
net_rshares0
@mindblast ·
Pros :
* A good enhancement for your website which you will be creating mapping between components and styles
* It has a better styling effect that can help your website to look better
* Not too complicated to understand

Cons :
* You need to be a little bit technical to be able to install and then implement the script into your website.
properties (22)
authormindblast
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t005827450z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 01:00:15
last_update2018-06-05 01:00:15
depth1
children0
last_payout2018-06-12 01:00:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length339
author_reputation56,453,246,210,837
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,291,018
net_rshares0
@mkam ·
$2.17
Pros:
- Great solution for coding in CSS
- It would make app development easy
- User-friendly
- Reasonable price

Cons:
- No downsides
πŸ‘  ,
properties (23)
authormkam
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t205719925z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"app":"steemit/0.1"}
created2018-06-04 20:57:18
last_update2018-06-04 20:57:18
depth1
children0
last_payout2018-06-11 20:57:18
cashout_time1969-12-31 23:59:59
total_payout_value1.656 HBD
curator_payout_value0.515 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length134
author_reputation44,279,861,315
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,265,559
net_rshares627,897,102,557
author_curate_reward""
vote details (2)
@neemanbhat ·
**pros**
* Supports many features like styleint, styled themes and highlights, utilities
* Ends need to map components and styles.
* Makes job of a development easier
* Software is an open source project  for further use and development
* It is user friendly and also makes coding lot easier.

**Cons**
* Review of templates is the first thing that has to be checked by professional developers.
* Price is more
properties (22)
authorneemanbhat
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t225132348z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 22:51:36
last_update2018-06-04 22:51:36
depth1
children0
last_payout2018-06-11 22:51:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length410
author_reputation4,202,629,033,225
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,278,422
net_rshares0
@nieloagranca ·
Pros:

An app help you design CSS. 
Available from npmjs which is very convenient for developers.
User friendly.
easy install.

Cons:
None as I can see
properties (22)
authornieloagranca
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t192214884z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 19:22:15
last_update2018-06-04 19:22:15
depth1
children0
last_payout2018-06-11 19:22:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length151
author_reputation32,744,504,509,876
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,253,654
net_rshares0
@noobster · (edited)
$1.06
Pros:
- User friendly
- Various useful features
- Can be used for apps
- Very useful tool for developers

Cons:
- Small target group 
- Price

Thanks for this awesome hunt! Have a nice day!
πŸ‘  
properties (23)
authornoobster
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t183120675z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 18:31:21
last_update2018-06-04 18:31:51
depth1
children0
last_payout2018-06-11 18:31:21
cashout_time1969-12-31 23:59:59
total_payout_value0.798 HBD
curator_payout_value0.266 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length189
author_reputation1,943,885,599,331
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,247,301
net_rshares299,894,810,022
author_curate_reward""
vote details (1)
@phoenixlady ·
$0.99
Pros :
> It is very user friendly
> Easy to install
> It supports a lot of features
> Can be very useful to developers
> Lightweight
> It is very simple and easy

Cons :
> Amazing product but the price is too expensive
πŸ‘  ,
properties (23)
authorphoenixlady
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t050204962z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 05:03:51
last_update2018-06-05 05:03:51
depth1
children0
last_payout2018-06-12 05:03:51
cashout_time1969-12-31 23:59:59
total_payout_value0.748 HBD
curator_payout_value0.245 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length218
author_reputation2,114,777,699,718
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,317,083
net_rshares301,439,814,659
author_curate_reward""
vote details (2)
@pogaku95 ·
Pros:

Great tool for developers to start with, makes life easier and better
It is an open source which is really good since most developers wanted to used tools which is for free to reserved its resources
It has good graphical user interface
Lightweight
Cons:

Best support will be acquired through purchased
properties (22)
authorpogaku95
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t134611452z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 13:46:12
last_update2018-06-05 13:46:12
depth1
children0
last_payout2018-06-12 13:46:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length309
author_reputation304,358,552,663
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,374,821
net_rshares0
@project7 ·
Thanks for your hunt, however your post is delisted from Steemhunt because we found out that your post used minnowbooster which we don't allow to use.

![Screenshot 2018-06-05 16.24.56.png](https://cdn.steemitimages.com/DQmPSTirsKeSAmC71vcdoHqUw6Rhg1RJ8jWUm2QYyUq1mXL/Screenshot%202018-06-05%2016.24.56.png)
properties (22)
authorproject7
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t152517520z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"image":["https://cdn.steemitimages.com/DQmPSTirsKeSAmC71vcdoHqUw6Rhg1RJ8jWUm2QYyUq1mXL/Screenshot%202018-06-05%2016.24.56.png"],"app":"steemit/0.1"}
created2018-06-05 15:25:18
last_update2018-06-05 15:25:18
depth1
children2
last_payout2018-06-12 15:25:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length307
author_reputation43,301,403,021,302
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout0.000 HBD
percent_hbd10,000
post_id59,387,750
net_rshares0
@deveerei ·
Oh, that's my wife! XD
properties (22)
authordeveerei
permlinkre-project7-re-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t152935938z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"app":"steemit/0.1"}
created2018-06-05 15:29:39
last_update2018-06-05 15:29:39
depth2
children0
last_payout2018-06-12 15:29:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length22
author_reputation88,688,334,186,497
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,388,335
net_rshares0
@deveerei ·
I deeply apologize for this one. She didn't know all the rules for hunts yet.
properties (22)
authordeveerei
permlinkre-project7-re-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t153720393z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"app":"steemit/0.1"}
created2018-06-05 15:37:21
last_update2018-06-05 15:37:21
depth2
children0
last_payout2018-06-12 15:37:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length77
author_reputation88,688,334,186,497
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,389,409
net_rshares0
@reiban ·
$0.04
Great job on this one @deveerei!

Pros:
- Open Source.
- An existing user-base may provide great support especially for open source projects.
- Simpler streamlined coding.
- Improved and faster developmental workflows because of streamlining.

Cons:

- I don't have any comments on cons.
πŸ‘  
properties (23)
authorreiban
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t055629394z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 05:56:48
last_update2018-06-05 05:56:48
depth1
children0
last_payout2018-06-12 05:56:48
cashout_time1969-12-31 23:59:59
total_payout_value0.034 HBD
curator_payout_value0.010 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length288
author_reputation3,884,280,066,821
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,322,433
net_rshares14,213,486,078
author_curate_reward""
vote details (1)
@saimegh ·
Pros : 
* Open Source
* Great solution for coding in CSS
* Improved and faster developmental workflows because of streamlining
* Easy to use & less price 

Cons : 
* None that i can see
properties (22)
authorsaimegh
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t113500576z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 11:35:03
last_update2018-06-05 11:35:03
depth1
children0
last_payout2018-06-12 11:35:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length185
author_reputation9,454,816,228,588
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,358,850
net_rshares0
@steemsig ·
Pros:
* Improves Readability
* Scopes the component
* Good maintainability
* User-Friendly

Cons:
* Nothing
properties (22)
authorsteemsig
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t152536615z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 15:25:39
last_update2018-06-05 15:25:39
depth1
children0
last_payout2018-06-12 15:25:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length107
author_reputation720,930,229,823
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,387,801
net_rshares0
@superoo7 · (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)
authorsuperoo7
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t064603169z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-05 06:46:45
last_update2018-06-05 06:47:06
depth1
children0
last_payout2018-06-12 06:46:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length610
author_reputation27,763,618,634,121
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,327,813
net_rshares0
@truthsfinder ·
Pros:
* Great tool for developers to start with, makes life easier and better
* It is an open source which is really good since most developers wanted to used tools which is for free to reserved its resources
* It has good graphical user interface
* Lightweight 

Cons:
* Best support will be acquired through purchased
properties (22)
authortruthsfinder
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t232142965z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 23:21:45
last_update2018-06-04 23:21:45
depth1
children0
last_payout2018-06-11 23:21:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length319
author_reputation15,464,408,971,163
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,281,569
net_rshares0
@vinzie1 ·
Pros:
- User Friendly UI
- Easy, Fast, and Reliable
- it is an open source and it is very awesome styles

Cons:
- None for this product
properties (22)
authorvinzie1
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t234155565z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 23:42:51
last_update2018-06-04 23:42:51
depth1
children0
last_payout2018-06-11 23:42:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length135
author_reputation436,131,834,913,836
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,283,661
net_rshares0
@vspdivine ·
Pros:-
- an interesting feature, joyfully change the look of the page.
- very easy to use.
- you can use all the features of CSS as per your requirement.
- very handy tool for application developers.
- remove the mapping between the components and styles.
- TheΒ "styled"Β method works accurately on all of your own or any third-party components as well.
- you can extend your style according to your creativity.
- full theaming support.
Cons:-
- templates needs some improvement.
properties (22)
authorvspdivine
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180604t190253340z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2018-06-04 18:59:51
last_update2018-06-04 18:59:51
depth1
children0
last_payout2018-06-11 18:59:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length478
author_reputation1,232,462,039,634
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,250,888
net_rshares0
@wilbejel ·
Pros:
Informative
User friendly

Con:
NONE
πŸ‘  
properties (23)
authorwilbejel
permlinkre-deveerei-styled-components-an-easier-way-to-design-apps-with-es6-and-css-20180605t135630163z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"app":"steemit/0.1"}
created2018-06-05 13:56:33
last_update2018-06-05 13:56:33
depth1
children0
last_payout2018-06-12 13:56:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length42
author_reputation1,050,829,081,842
root_title"Styled Components - An easier way to design apps with ES6 and CSS"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,376,158
net_rshares1,320,430,323
author_curate_reward""
vote details (1)