question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Rebass vs just using Styled System?

See original GitHub issue

As of 3.0.0 (now that rebass is stripped right back), it seems to basically be just a thin layer over styled system that needs extending out by the end user.

So with all the extending required, why would someone use Rebass, instead of just using styled system? What is the rationale/intentions/benefits?

And where does https://github.com/jxnblk/superbox fit in with everything, as all the Rebass primitives are extensions of <Box /> anyway?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:10
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
jxnblkcommented, Jan 22, 2019

@kristojorg You can create other components by extending the base Box component or creating your own from scratch – it really depends on preferences

1reaction
cereallarcenycommented, Mar 21, 2019

Totally fair - I agree with that 100%. Just simply found it interesting… I’m so used to seeing UI frameworks with inputs! However, I also find that the vast majority of CSS overrides I write for any UI framework, are “undoing” CSS for inputs. A bit ironic.

Would that be worth mentioning as a deliberate decision in the documentation?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Styled-Components vs. Styled-System vs. Rebass - YouTube
A brief introduction to Styled-Components, Styled - System, and Rebass.https://www.styled-components.com/docs/basicshttps:// styled - system.com/ ...
Read more >
Rebass - Styled System
Rebass is a themeable primitive UI component library for React, built with Emotion, Styled Components, and Styled System. Since it is built with...
Read more >
xStyled vs Styled System for Design Systems - Ryosuke
xStyled gives you a <Box> component out of the box using all utility props instead of having to download Rebass for a Styled...
Read more >
Styled Components vs Styled System vs Rebass
Styled Components vs Styled System vs Rebass. 1. Embed Fork Create Sandbox Sign in. Sandbox Info. Styled Components vs Styled System vs Rebass....
Read more >
Why using Rebass over Theme UI? : r/reactjs - Reddit
If you're using Rebass with Theme UI, use its ThemeProvider or the ... couple of weeks we switched to Styled Components with Styled...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found