CSS Modules Reviews

Vue.js Reviews

CSS Modules mentions (11)

• Is there really no better way to isolate styles across components than CSS modules?

  From what I read about CSS modules, the style isolation provides some guard rails to prevent things like random bits of global style or having colliding rules all over the place. This makes a lot of sense, but even on huge projects, I never really have those problems. I've disciplined myself to pair a component file with a CSS file (MyComponent.jsx + MyComponent.css) and keep global styles to a minimum. Source: over 1 year ago

• Components with separate styles - how to do?

  Any time you import CSS files into a module, that CSS becomes active on EVERY component in your entire project, so that's not really a good way to go about it. It essentially creates a tag inside the final rendered html with all of your CSS within it. If you have two CSS files, and they both have a class of .myClass then they will step on each other and cause bad things to happen to your... Source: over 1 year ago

• Why do bigger websites have the weirdest class and id names?

  They are probably using css modules. Source: over 1 year ago

• No Caption..

  This may be a little more advanced but I'd also recommend looking into CSS modules. It basically allows you to scope your styles to individual elements preventing unwanted cascading, and simplifies naming conventions a lot (since the class names are now variables). Source: over 1 year ago

• Styling in React.js

  Another interesting way to organize you css is using css modules. Source: almost 2 years ago

Vue.js mentions (342)

• Finding all HTML tags in a project not being self-closed

  I am currently working on upgrading an existing Vue project from version 2 to 3, which involves Quite some breaking changes. I don't want to go into the details, But at one point it was useful to find all elements of a certain Vue component that were not self-closed. In this Specific, case it was about a base-input component. The following cases were of interest to me:. - Source: dev.to / 9 days ago

• Using Nuxt Content: Working with Remote Markdown Files

  Nuxt is an open-source framework for building performant websites and full-stack applications using Vue.js. It provides performance and SEO benefits, and adds full-stack capabilities for Vue apps. - Source: dev.to / about 1 month ago

• The easiest way to authenticate users with Vue.js

  As you can see, it's a simple Single Page Application built with Vue.js where our users can sign up / sign in with a few clicks. - Source: dev.to / about 2 months ago

• Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI

  Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid,... - Source: dev.to / about 2 months ago

• Securing Vue Apps with Keycloak

  Vue.js is an open source web framework that makes developing web applications easier. - Source: dev.to / about 2 months ago