kripod / kripod/otion

Custom JSX pragma for better integration with React

Open
#3 7 comments 2 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.