WordPress/gutenberg-examples

Typescript setup example

Open

#209 opened on Mar 30, 2022

View on GitHub
 (0 comments) (6 reactions) (0 assignees)JavaScript (1,176 stars) (299 forks)user submission
example-requesthelp wanted

Description

Is it possible to set up a Block plugin writing in TS?

Contributor guide

Tech stack
typescript
Domain
frontend
Issue type
documentation
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-3 hours
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
JavaScriptReactGutenberg block developmentTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
The existing examples in this repository are in JavaScript. To create a TypeScript example, first review the JavaScript block example structure (e.g., in `/block 01`). Then set up a TypeScript configuration with a build process using webpack and @wordpress/scripts. Refer to the WordPress Block Editor Handbook for TypeScript setup guidance.