Giter Site home page Giter Site logo

Comments (11)

borela avatar borela commented on May 5, 2024 1

Use CSS modules.

from jsx.

borela avatar borela commented on May 5, 2024 1

Yes it does, CSS modules are just normal CSS classes. For everything else just use the :global switch.

from jsx.

ashokkumarsand avatar ashokkumarsand commented on May 5, 2024

@borela CSS module doesn't support the attribute selector

from jsx.

ashokkumarsand avatar ashokkumarsand commented on May 5, 2024

@borela But If we get in built react then there is no need to add third party api or library. currently we are using css module. but for large application that is bad pattern.

from jsx.

ashokkumarsand avatar ashokkumarsand commented on May 5, 2024

For example i want to apply style with nth selector then what happen.

from jsx.

borela avatar borela commented on May 5, 2024

With the global switch you can do that. As for the bad pattern, I disagree, my components has their CSS module in the same directory, for example:

login
   index.js
   style.mcss
list-of-users
  index.js
  style.mcss

I use mscss extension to identify css modules in webpack. That way I can have easily 1000+ components without major headaches.

from jsx.

ashokkumarsand avatar ashokkumarsand commented on May 5, 2024

@borela The issue which i facing is different. I am doing this with china-logic. But if we have attribute selector then that is very helpful.
Thanks for you assistance

from jsx.

ashokkumarsand avatar ashokkumarsand commented on May 5, 2024

I Think is that meaning of JSX is taken by JavaScript + Styles + XHTML then it make complete meaning of it

from jsx.

sebmarkbage avatar sebmarkbage commented on May 5, 2024

This JSX repo is a spec for the syntax definition of JSX and not for an implementation of React or any other library that might want to utilize this syntax.

The syntax that you describe is already covered by the JSX syntax specification, but not by React. You can open it up on React if you're interested in discussing any compatibility issues. Although what you're describing is also supported by React, you just have to make sure it gets rendered into a tree. If that tree is a shadow DOM it is also local to that subtree.

from jsx.

sebmarkbage avatar sebmarkbage commented on May 5, 2024

Actually I think what you're really asking for is a dupe of #74

from jsx.

ashokkumarsand avatar ashokkumarsand commented on May 5, 2024

@sebmarkbage The JSX syntax also having some provision for STYLE because without style Web development is in complete. IF JSX syntax having provision for Javascript with HTML/XHTML then it also have same tags for STYLE also, and from my perspective its incomplete.

from jsx.

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.