1. Use PostCSS Instead of Sass.
- PurgeCSS: is a tool to remove unused CSS. When using a theme, it’s beneficial to have it as part of your workflow.
- Autoprefixer: probably the most well-known PostCss plugin, used by notable tech companies such as Google, Twitter, and Shopify. It adds vendor prefixes to CSS rules where it’s necessary.
- PostCSS Nested: plugin to unwrap nested rules like how Sass does it.
- PostCSS Imports: gives the exact same functionality as Sass Imports.
Especially PurgeCSS is useful when using a theme, as you can remove all non used CSS classes from your production bundle.
2. TailwindCSS Instead of Bootstrap.
Tailwind CSS differs from Bootstrap in that it does not directly provide UI components. Instead, it gives low-level utility classes that let you build completely custom designs. One of the significant advantages of Tailwind is that you apply your utility classes directly in the HTML markup. As a developer, I can copy & paste the component markup, and I will have all the styles that I need already defined by TailwindCSS. As mentioned in my previous point, when using
PurgeCSS, all the styles not used in your project will be removed from the production build you deploy to your server.
3. AlpineJS for Simple JS Interactivity.
I think as important as showing one or several potential combinations of how some dashboards could look. I believe that showing the components independently, using Storyboard or a similar approach, would help with the decision process. It’s easier to identify the independent parts that I might need for my project.
As you can guess from my previous points, I am more interested in getting a template as a set of components that I can use to compose what I need to build. I don’t think that the big-bang approach of adding as many js plugins as possible, as many HTML components as possible with tightly coupled CSS, concatenated, minified, and hard to understand what’s going on is not the way to go from my opinion. For this reason, investing time in documenting how to use your template and UI-components you have created is more useful for the developers that will use the template.
Let me know what you think of the points mentioned above in the comments.