reactjs / reactjs/react.dev

[Beta] Remove runtime CSS-in-JS

Open
#5,115 0 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

It appears that sandpack-react brings in stitches which tries to call insertRule at runtime. We need to investigate how to remove the need for this. Ideally there would be zero runtime CSS-in-JS.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing how sandpack-react brings in stitches and where the runtime insertRule call occurs. Determine whether the dependency can be removed or replaced, then verify that the website has zero runtime CSS-in-JS while preserving its current behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Refactor
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.