Example: Remix with React v17

Try it live at Stackblitz or Codesandbox.

This example uses renderToString to generate server-side rendered styles. For an example with React v18 and renderToPipeableStream take a look at with-remix_react-v18.

How does this work?

1. a modified app/entry.client to enable dynamic styling in the browser
2. a modified app/entry.server to enable server-side rendering (SSR) of styles
3. (optional) a dedicated twind file to ensure the @twind/core tw function is defined
4. (optional) a dedicated twind.config

What is included?

• remix
• @twind/core
• @twind/preset-autoprefix
• @twind/preset-tailwind
• @twind/with-react