Fede Bonel Tozzi
banner
fe-bo-to.bsky.social
Fede Bonel Tozzi
@fe-bo-to.bsky.social
Technical Writer & DevRel at Puck | Software Engineer
Full Stack Web Development
Reposted by Fede Bonel Tozzi
Puck 0.19 introduces the Slots API — the powerful successor to DropZones that lets you nest components using fields — along with several other new features.

Check out our latest video for a walk-through of the key features 👇
youtu.be/ZXRlB6Uugx8
- YouTube
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
youtu.be
June 12, 2025 at 8:01 AM
Reposted by Fede Bonel Tozzi
Puck 0.19 just got released!

What’s new?

🏗️ Nest components using slot fields for programmatic control
💽 Inject metadata into all components without context
⚡ Improved performance, reducing render times by 90%

puckeditor.com/blog/puck-019
June 5, 2025 at 12:06 PM
Reposted by Fede Bonel Tozzi
Back in Sept 2023, we announced Puck on Hacker News, and went from 6 to 1,700 stars in 24 hours.

Now approaching 7,000, and on a mission to hit 10k!

We can’t do this alone, so please:

Upvote on HN: news.ycombinator.com/item?id=4411...
Star the repo: github.com/puckeditor/p...

Thank you! ⭐️
May 28, 2025 at 1:20 PM
Reposted by Fede Bonel Tozzi
Tailwind v4 lets you safelist classes using source directives. This makes dynamic styling work at runtime, while still getting minimized CSS bundles.

In our latest tutorial, we show you how to use that to build a page builder from scratch with Puck:
- YouTube
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
www.youtube.com
April 10, 2025 at 8:00 AM
Reposted by Fede Bonel Tozzi
Just merged Puck's massive (7,000 line change) Zustand state migration, eliminating almost all unnecessary re-renders.

Selectors also coming soon to `usePuck`, so your own Puck components can remain performant, too!
March 19, 2025 at 1:20 PM
I spent the last few days deep-diving into React page builders—what works, what doesn’t, and which ones are actually worth using.

I wrote it all down so you don’t have to go through the same headache: dev.to/fede_bonel_t...
Top 5 Page Builders for React
You're building a modern web app, and everything is going smoothly—until a client says, “I want to...
dev.to
February 10, 2025 at 2:41 PM
Yesterday, Puck 0.18 got released and introduced its revolutionary Drag-and-Drop engine.

Today, I wrote an article where I break down how it improves UX, what it means for you as a developer, and how to start using the new features today: buff.ly/4hp5640
Revolutionizing Drag-and-Drop in React: Introducing Puck 0.18
Puck is the open-source visual editor for React, that you can embed in any application to create the...
buff.ly
January 23, 2025 at 1:48 PM
Reposted by Fede Bonel Tozzi
Reposted by Fede Bonel Tozzi
The wait is over: Puck v0.18 just landed with the new drag-and-drop engine! 🎁

✨ What’s new?

📌 Drag and drop across CSS Grid & Flexbox
📌 Completely remove wrapping elements with the inline API
📌 No more position: fixed—easily embed the editor into your app's layout
January 22, 2025 at 12:26 PM