repcolding

Как вам удобно. Мне больше нравится использовать модули. Если react то у меня там модули, если нет, то bem.

Советую попробовать то и то. Что понравиться, то и используйте. Как уже сказали, если вы сами делаете без требований, главное чтобы вам было удобно, и вы получали удовольствие от подхода

https://www.npmjs.com/package/classnames - очень удобная библиотека

import styles from './Button.scss'
import cn from 'classnames'

const Button = (props) => {
  const { theme, size, children } = props

  const classList = cn(styles.button, {
    [styles.buttonPrimary]: theme === 'primary',
    [styles.buttonGhost]: theme === 'ghost',
    [styles.buttonSmall]: size === 'small'
  })

  return <button className={classList}>{children}</button>
}

export default Button

Без css модулей:

import './Button.scss'
import cn from 'classnames'

const Button = (props) => {
  const { theme, size, children } = props
  
  const classList = cn('button', {
    'button--primary': theme === 'primary',
    'button--ghost': theme === 'ghost',
    'button--small': size === 'small'
  })

  return (
    <button className={classList}>{children}</button>
  )
}

export default Button

Работал в проекте, команда разрабатывала 3 параллельно. И было очень много схожего кода, в плане ui компонентов. Был создан репозиторий, в который выносили общие. И подключали как зависимость через yarn | npm.

Весьма удобно, у вас есть репозиторий, в котором общая логика для множества проектов, и которую вы устанавливаете в свои проекты. Отдельный проект

Когда у меня такое наступает. Это новый репозиторий, и выгрузка в npm. И я подтягиваю от туда все что нужно. В случае обновления этого shared репозитория, я просто обновляю package.json. На практике очень удобно. У меня 3 проекта используют одно и то-же, и я переодически что-то улучшаю. И проблем с синхронизацией нет, как и подключении в любой новый проект

P.S: При работе в команде у вас так-же нет привязки к папке, есть репозиторий в котором все есть, и тянется как зависимость

Самый адекватный способ это использовать библиотеку для scrollbar. Мне нравится https://www.npmjs.com/package/simplebar

Любая кастомизация нативного scrollbar через css болезненная: Поддержка браузерами/гибкость/функционал.

Слишком много подводных камней и ограничений.На данный момент, не оправдано, и не возможно сделать все с охватом большинства пользователей посетителей сайта. Идея что проще и лучше делать на css а не на js, иллюзия.