Skip to content

CSS Libraries Support #2

@webcoderspeed

Description

@webcoderspeed

🐞 Problem

React Scale does not currently provide built-in support for additional CSS libraries. Developers have to manually configure libraries such as Styled Components, Radix UI, Shacdn, Ant Design, Bootstrap, and others. This manual process can be time-consuming and may hinder rapid development, especially when developers want to explore different styling solutions.

🎯 Goal

The goal is to integrate built-in support for popular CSS libraries like Styled Components, Radix UI, Shacdn, Ant Design, Bootstrap, and others into React Scale. This would provide developers with pre-configured styling solutions, enabling faster and more flexible UI development.

This feature will benefit users by:

  • Offering diverse and ready-to-use styling options.
  • Reducing setup time for styling solutions in React Scale projects.
  • Enhancing the design capabilities of applications with widely-used UI libraries.

💡 Possible solutions

  • Modify the React Scale CLI to prompt users for their preferred CSS library during project initialization.
  • Include necessary configuration files, imports, and setup code for each supported CSS library.
  • Provide documentation on how to extend or switch between CSS libraries after project setup.

📋 Steps to solve the problem

  1. Modify the CLI to include a prompt for selecting a CSS library during setup.
  2. Add configuration templates for each supported CSS library.
  3. Write detailed documentation explaining how to use and configure each CSS library.
  4. Include example projects that demonstrate the usage of these CSS libraries.
  5. Ensure that the new functionality is well tested and works seamlessly with existing features.
  6. Submit a pull request with the changes.

  • Comment below about what you've started working on.
  • Add, commit, push your changes.
  • Submit a pull request and add this in comments - Addresses #<put issue number here>.
  • Ask for reviews in the comments section of the pull request.
  • Celebrate your contribution to this project. 🎉

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions