Automattic / Automattic/jetpack

Instant Search: Improve JSX handling with Preact

Open
#18,291 0 comments 0 reactions 0 assignees View on GitHub
[Feature] Search Build
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

We currently use [a global JSX pragma](https://preactjs.com/guide/v8/getting-started/#global-pragma) `/** @jsx h */` in every component file to tell Babel to transform JSX into
`Preact.h( ... )`.

Ideally, we would no longer need to insert this pragma nor `import { h } from 'preact'` in the future.

Contributor guide

Open the contributing guide

Research direction

The issue names no specific files or tests. Start by locating the Instant Search component files and their Babel JSX configuration, then verify that JSX still transforms correctly without the global pragma or the Preact h import; done means the boilerplate is no longer required.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Refactor
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.