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

in #steemhunt • 7 years ago (edited)

Styled Components

An easier way to design apps with ES6 and CSS

Screenshots

Screen Shot 06-04-18 at 11.52 PM.PNG

Screen Shot 06-04-18 at 11.51 PM.PNG

Screen Shot 06-04-18 at 11.56 PM.PNG

Screen Shot 06-04-18 at 11.56 PM 001.PNG

Screen Shot 06-04-18 at 11.57 PM.PNG

Hunter's comment

What is Styled Components?

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

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 - is a US-based exchange with trading UI, FIX API and REST API.
  • Swat.io - Social Media Managment for Teams.
  • Grabient.com - A beautiful and simple UI for generating web gradients. (source).

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

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


Steemhunt.com

This is posted on Steemhunt - A place where you can dig products and earn STEEM.
View on Steemhunt.com


footer.png

deveerei new.png

deveerei.png

spacer.png

Source.png

#opensource #programming #developers #utopian-io
7 years ago in #steemhunt by
$21.89
  • Past Payouts $21.89
  • - Author $16.07
  • - Curators $5.83
146 votes
Reply 33
Sort:  
  • Trending
    • [-]
     7 years ago 

    Pros:

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

    Cons:

    • No downsides
    $2.17
    • Past Payouts $2.17
    • - Author $1.66
    • - Curators $0.52
    2 votes
    Reply
    [-]
     7 years ago (edited)

    Thank you for posting on Steemhunt!
    However, your post has been delisted on Steemhunt because it does not meet the following
    posting guidelines.

    SteemHunt does not allow the use of BidBots.
    Urgent Announcement @steemhunt will exclude all bid bot upvoted hunts

    $1.07
    • Past Payouts $1.07
    • - Author $0.80
    • - Curators $0.27
    1 vote
    Reply
    [-]
     7 years ago 

    Thanks a lot!

    $0.00
      Reply
      [-]
       7 years ago (edited)

      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!

      $1.06
      • Past Payouts $1.06
      • - Author $0.80
      • - Curators $0.27
      1 vote
      Reply
      [-]
       7 years ago 

      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.
      $1.03
      • Past Payouts $1.03
      • - Author $0.77
      • - Curators $0.26
      1 vote
      Reply
      [-]
       7 years ago 

      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

      $0.99
      • Past Payouts $0.99
      • - Author $0.75
      • - Curators $0.24
      2 votes
      Reply
      [-]
       7 years ago 

      Pros:

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

      No downsides

      $0.91
      • Past Payouts $0.91
      • - Author $0.68
      • - Curators $0.23
      1 vote
      Reply
      [-]
       7 years ago 

      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.
      $0.04
      • Past Payouts $0.04
      • - Author $0.03
      • - Curators $0.01
      1 vote
      Reply
      [-]
       7 years ago 

      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.
      $0.04
      • Past Payouts $0.04
      • - Author $0.03
      • - Curators $0.01
      1 vote
      Reply
      [-]
       7 years ago 

      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.
      [-]
       7 years ago 

      Pros:
      Informative
      User friendly

      Con:
      NONE

      Coin Marketplace

      STEEM 0.12
      TRX 0.23
      JST 0.030
      BTC 80219.81
      ETH 1886.70
      USDT 1.00
      SBD 0.78