TSS
HomeGitHubPlayground
v3
v3
  • πŸš€Why TSS
  • πŸ”§Setup
  • πŸ”API References
    • makeStyles -> useStyles
    • withStyles
    • <GlobalStyles />
    • keyframes
    • useMergedClasses
  • πŸ’½Cache
  • πŸ’«Nested selectors (ex $ syntax)
  • ⚑SSR
    • Gatsby
    • Next.js
    • Other backends
  • 🦱Your own classes prop
  • 🍭MUI Theme styleOverrides
  • 🧹Detecting unused classes
  • πŸ“¦Publish a module that uses TSS
  • πŸ”©single-spa
  • πŸ“²React Native
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub

Why TSS

makeStyles is dead. Long live makeStyles.

NextSetup

Last updated 2 years ago

Was this helpful?

'tss-react' is intended to advantageously replace the now deprecated and by providing much better TypeScript support.

  • βœ… Seamless integration with and .

  • βœ… API support.

  • βœ… .

  • βœ… Server side rendering support (e.g: Next.js, Gatsby).

  • βœ… Offers .

  • βœ… Custom @emotion cache support.

  • βœ… Build on top of , it has very little impact on the bundle size alongside MUI (~5kB minziped).

  • βœ… , issues are dealt with within good delays.

  • βœ… As fast as emotion ( with MUI's makeStyles)

  • βœ… Library authors: .

πŸš€
@material-ui v4 makeStyles
react-jss
MUI
material-ui v4
withStyles
JavaScript support
a type-safe equivalent of the JSS $ syntax
@emotion/react
Maintained for the foreseeable future
see the difference
tss-react won’t be yet another entry in your peerDependencies