Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS Libraries Support #2

Open
webcoderspeed opened this issue Oct 8, 2024 · 3 comments
Open

CSS Libraries Support #2

webcoderspeed opened this issue Oct 8, 2024 · 3 comments
Assignees
Labels
enhancement New feature or request good first issue Good for newcomers hacktoberfest hacktoberfest-accepted help wanted Extra attention is needed valid

Comments

@webcoderspeed
Copy link
Owner

🐞 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. 🎉
@webcoderspeed webcoderspeed added enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers hacktoberfest hacktoberfest-accepted valid labels Oct 8, 2024
@NuttyGeek
Copy link

hi @webcoderspeed I have 7 years of exp in web dev, Angular, react, node js, and python, I would love to give this is a try,I like the idea, of a CLI.

@AfubeAngel
Copy link

Hello @webcoderspeed While I don't have direct experience with modifying CLI tools or integrating multiple CSS libraries, I have solid experience in front-end development, working with CSS frameworks like Shacdn, Radix UI and Bootstrap, and I am confident in my ability to learn quickly and contribute meaningfully to this project.

@1Iamawinner123
Copy link

@webcoderspeed Please assign it to me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers hacktoberfest hacktoberfest-accepted help wanted Extra attention is needed valid
Projects
None yet
Development

No branches or pull requests

4 participants