Evaluate different CSS approaches

DomVinyard commented 1 year ago

We need to research different approaches to CSS to determine the best way to handle styling in our app. We want to evaluate the following options:

Third-party utility libraries such as BootStrap, TailwindCSS, and MaterialUI.
SASS/SCSS, including variables, mix-ins, and nested rules.
A CSS-in-JS solution, such as Styled Components or ChakraUI, and its effectiveness in generating dynamic styles based on data or user interactions.

Research third-party utility libraries such as BootStrap, TailwindCSS, and MaterialUI to determine if they are a good fit for our project. Consider factors such as ease of use, flexibility, and compatibility with our existing codebase.
Research SASS/SCSS, including variables, mix-ins, and nested rules, and evaluate how they can be used to simplify and streamline our CSS code. Determine if this is a good fit for our project.
Research a CSS-in-JS solution, such as Styled Components or ChakraUI, and evaluate its effectiveness in generating dynamic styles based on data or user interactions. Consider factors such as performance, maintainability, and compatibility with our existing codebase.
Write a report summarising the research findings, including recommendations on the best approach for our project.

The report should include a summary of the research findings on third-party utility libraries, SASS/SCSS, and CSS-in-JS, and should include recommendations on the best approach for our project.
The report should include a detailed explanation of the factors considered when evaluating each approach, and should include specific examples and use cases for each approach.
The report should be presented in a document and attached to this ticket

yuna-iwata commented 1 year ago

Ademsk1 commented 1 year ago

bp289 commented 1 year ago

Sigma-Labs-XYZ / Explain-AI