Our great sponsors
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
In general I recommend using styled-components or emotion. These directly attach CSS to your components in a scoped way so that your CSS files aren’t stepping on each other’s toes all the time and make sure styling is colocated with the component.
-
Personally I like twin.macro the most. It’s similar to the above but based on Tailwind.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
In general I recommend using styled-components or emotion. These directly attach CSS to your components in a scoped way so that your CSS files aren’t stepping on each other’s toes all the time and make sure styling is colocated with the component.
-
twin.macro
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Personally I like twin.macro the most. It’s similar to the above but based on Tailwind.
-
But if you don’t want to use any of those yet, I would suggest at least using CSS modules to scope styling to components.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
Related posts
- The Anatomy Of My Ideal React Component
- Forget about styled components. Tailwind CSS is all you need.
- [RFC] Airfoil: Coding an alternative to Tailwind
- [Part 2] Disqualified from a National Web Design Competition…for using GitHub
- I created a vite plugin that allows imports of scoped css/scss in react. The plugin is built using the vue "engine" and will feel very similar to styling with vue or angular!