new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Mantine · all subjects

emotion/overview

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

@mantine/emotion package version compatibility

The @mantine/emotion package is compatible with @mantine/core 7.9.0 and higher.

Emotion bundle size impact

Using Emotion adds bundle size including @emotion/react (21.2kB minified), @mantine/emotion (~2kb minified) and all styles used in components.

Emotion limitations as CSS-in-JS runtime library

Emotion is a runtime CSS-in-JS library with limitations: limited server-side rendering support in modern frameworks like Next.js with app router, runtime overhead from styles being generated and injected at runtime which can cause performance issues on pages with many components, and additional bundle size.

Emotion framework compatibility

The @mantine/emotion package works with Vite and CRA with basic setup, Next.js with pages router with additional SSR setup, and Next.js with app router with SSR setup. There is no official support for React Router, Gatsby, Redwood, or other frameworks requiring server-side rendering.

Emotion not recommended for new projects

Emotion is not recommended for new projects. When starting a new project with Mantine, consider using CSS modules instead.

Give your agent this brain