Code Monkey home page Code Monkey logo

Comments (7)

FlorianRappl avatar FlorianRappl commented on September 17, 2024 1

Sounds like a great proposal to me! Thanks for the examples @elektronik2k5

Anyone? @kotielnikov @boromo

from precise-ui.

boromo avatar boromo commented on September 17, 2024 1

If they have the same API, why not, I would say that this could be a really nice feature to the library.

from precise-ui.

elektronik2k5 avatar elektronik2k5 commented on September 17, 2024 1

Alright, looks like I underestimated the level of complexity here. While the most common APIs are the same, the rest differ enough to not make it trivial.

I tried hacking src/utils/styled.ts to switch from styled's monolithic build to Emotion's modular packages:
'@emotion/styled', '@emotion/core', 'emotion-theming' but failed cause the types are real complex there and can't simply be swapped on a 1:1 basis between styled and emotion. 😓

Pinging Emotion maintainers @Andarist @probablyup @mitchellhamilton @Ailrun @aaronjensen in hopes they'll be kind enough to help us here 👼

from precise-ui.

Andarist avatar Andarist commented on September 17, 2024

Well, it's really hard to give any advice without knowing which features from styled-components do you use. If they are used solely internally or externally too. Also what would be the goal - would you like to have as much common code between those 2 variants as possible or do you just want to have 2 completely separate builds?

from precise-ui.

elektronik2k5 avatar elektronik2k5 commented on September 17, 2024

@Andarist, thanks for responding! 🙇‍♂️ The goal is to make precise-ui work with Emotion and the means is whichever way would be easiest to implement both initially and maintain further down the road.

from precise-ui.

Andarist avatar Andarist commented on September 17, 2024

So looking really quickly through the repository I think it would be easiest to just make a sibling file to styled.ts (i.e. styled.emotion.ts) & alias all imports to original one to the emotion-variant. This might not play nicely with existing TS infra though - you'd have to explore how to make it work within that setup.

from precise-ui.

kotielnikov avatar kotielnikov commented on September 17, 2024

in plans is to remove styled.ts, while it was used for assigning theme to all styled functions. Now there is a different better mechanism and the code will be updated accordingly soon.

Regarding usage of emotion - this will be possible only in the case of total compatibility with styled-components API and types. I personally against it because it will increase maintaining cost twice and there will be never total compatibility. I believe that we should go either for one solution or for other but because styled components are already in place most probably we will stay with that.

from precise-ui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.