Custom JSX pragma for better integration with React
Open
enhancement
- Dominant language
- TypeScript
- Stars
- 624
- Forks
- 22
- PR merge metrics
- No merged PRs in 30d
Description
## Motivation
Inspired by Emotion, a [`css` prop](https://emotion.sh/docs/css-prop) could be attached to JSX elements for better composition possibilities.
## Basic example
```jsx
I am blue
```
## Details
For compatibility purposes, the [React Classic Runtime of Babel](https://babeljs.io/docs/en/babel-preset-react#react-classic-runtime) should be supported.
Contributor guide
Research direction
Start by reading the React Classic Runtime of Babel documentation and the linked Emotion css prop example. Define how the custom JSX pragma should handle the shown css prop while remaining compatible with the classic runtime; done means the JSX example works under that compatibility mode.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- babel, react, typescript
- Domain
- frontend, tooling
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100