developit/htm

Babel Macro

Open

#150 opened on Jan 27, 2020

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (8,453 stars) (181 forks)batch import
discussionenhancementgood first issuehelp wantedproposal

Description

It would be nice to have a babel macro that automatically runs the babel plugin to remove the runtime. That way, this project would work out of the box with "zero" config tools like create-react-app.

I'm thinking it could be something like:

import {html} from 'htm/preact/macro'

This is similar conceptually to CSS-IN-JS libraries providing a macro for their tools. See https://emotion.sh/docs/babel-macros

Contributor guide

Tech stack
javascript
Domain
tooling
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
JavaScriptBabel macroshtm library concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Investigate how emotion implements babel macros (reference: emotion.sh/docs/babel macros). Examine htm's existing babel plugin (likely in packages/babel plugin htm or similar) to understand how to transform the import. Design a macro that reuses that plugin logic. Check the htm repo for any existing discussions or related PRs (this issue #150 has 4 comments for context).
Babel Macro · developit/htm#150 | Good First Issue