search

samagra-comms / uci-web-channel

Web channel for UCI
https://uci-web-channel-prod.vercel.app/#/
11 stars 48 forks source link

[ FEATURE ]: Use styled-components over less.js #116

Open ashutosh-rath02 opened 1 year ago

ashutosh-rath02 commented 1 year ago

Keeping in mind with our tech stacks and current trend styled-components should be used in place of less.js

  1. Seamless Integration with ReactJS and Next.js: Styled Components integrate smoothly with ReactJS and Next.js, enhancing the development experience.
  2. Strong TypeScript Support: Styled Components provide excellent TypeScript support, ensuring type safety and improved code quality.
  3. Improved Maintainability: Styles defined alongside components improve code organization and maintainability.
  4. Dynamic Styling and Theming: Easily adapt styles based on component props or application state, with built-in theming support.
  5. Efficient Server-Side Rendering (SSR): Styled Components work seamlessly with Next.js, ensuring correct styles during SSR.
  6. Simplified Build Process: No additional build step or preprocessor required, reducing complexity and configuration overhead.
  7. Override CSS: Styled-components can be used to easily over-ride pre-defined CSS.