# Puck, a visual editor for React: field and canvas updates in 0.24

Canonical source : [Puck, a visual editor for React: field and canvas updates in 0.24](<https://sebastien.rigaux.be/en/tech-watch/links/puck-a-visual-editor-for-react-field-and-canvas-updates-in-024>)

Puck, a visual page editor for React, adds field groups and tabs in version 0.24, along with a `checkbox` field for selecting multiple options. Drag handles also make it easier to reorder components in nested layouts.

The `renderFields` API lets you compose these layouts. In the canvas, `InlineTextField` enables direct text editing, while `fieldTransforms` transforms values at render time without changing the underlying data.

- Selected on : 2026-11-01

- Resource publication : 2026-10-28

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Release

- Source language : EN

- Credit : Fede Bonel Tozzi

- Found via : [React Status](<https://react.statuscode.com/>)

Original resource : [Puck, a visual editor for React: field and canvas updates in 0.24](<https://puckeditor.com/blog/puck-024>)

Tags : [Puck](<https://sebastien.rigaux.be/en/tech-watch/tags/puck>) · [React](<https://sebastien.rigaux.be/en/tech-watch/tags/react>) · [No-code / low-code](<https://sebastien.rigaux.be/en/tech-watch/tags/no-code-low-code>) · [UI/UX](<https://sebastien.rigaux.be/en/tech-watch/tags/ui-ux>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/puck-editeur-visuel-pour-react-champs-et-canvas-dans-la-version-024>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/puck-a-visual-editor-for-react-field-and-canvas-updates-in-024>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)