@stitches/core is a modern CSS-in-JS library that offers a seamless way to style your components using JavaScript. It provides a powerful API for defining styles with a focus on performance and developer experience. Stitches allows you to write CSS directly in your JavaScript code, enabling better encapsulation and reusability of styles. It also supports theming, responsive design, and server-side rendering.
@stitches/react is a CSS-in-JS library that offers a seamless way to style React components using a minimalistic and high-performance approach. It provides a utility-first API for defining styles with a focus on developer experience and maintainability. With @stitches/react, you can create dynamic and responsive designs by composing styles using a constraint-based system.
Both @stitches/core and @stitches/react are part of the Stitches CSS-in-JS library. @stitches/core provides the core functionality of Stitches, including the ability to define and generate CSS-in-JS styles. @stitches/react is an extension of @stitches/core specifically designed for React applications, providing additional features and integration with React components.
Integration with React
@stitches/react provides seamless integration with React, allowing you to use Stitches styles directly within your React components. It provides a set of React-specific utilities and hooks that make it easy to work with Stitches in a React application. @stitches/core, on the other hand, is more generic and can be used with any JavaScript framework or library.
Developer Experience
Both packages offer a great developer experience. They provide a simple and intuitive API for defining styles and have excellent TypeScript support. The Stitches library, including both @stitches/core and @stitches/react, promotes a scalable and maintainable approach to styling in JavaScript applications.
Performance
Stitches is known for its excellent performance. It generates highly optimized CSS-in-JS styles at build time, resulting in minimal runtime overhead. Both @stitches/core and @stitches/react contribute to this performance advantage, allowing your application to load and render styles efficiently.
Community and Support
The Stitches library has gained popularity in the JavaScript community and has an active and supportive community. The maintainers of the library are responsive to issues and provide regular updates. Additionally, the Stitches documentation is comprehensive and provides clear examples and guides for using both @stitches/core and @stitches/react.