A naukri.com initiative
Dev
5h
158
Image Credit: Dev
Revolutionizing Drag-and-Drop in React: Introducing Puck 0.18
- Puck is an open-source visual editor for React that allows one to create the next generation of page builders and no-code products.
- Puck 0.18 comes with a new advanced drag-and-drop engine that supports CSS Grid and Flexbox, which gives greater flexibility and enables users to freely drag and place React components in any direction on the canvas.
- The new update can help users build sophisticated multi-column layouts and also drag components between DropZone containers without any prior setup.
- DropZones have also received a major quality-of-life update: they now dynamically shrink to match the height of their children and accurately preview the final render.
- Additionally, Puck comes with a new ActionBar.Label component to organize and section off parts of our action bar.
- Puck 0.18 is the ultimate design-in-browser tool that adapts to one's needs whether they want to build a straightforward page builder with page-level blocks or a highly granular visual layout builder for smaller, atomic components.
- One can also extend component Drawers with Grids and toggle interactive hotkeys easily with the Toggle interactive hotkey feature.
- Updating to the latest Puck 0.18 is quick and straightforward and exploring all the new features requires no worry about compatibility issues since the update does not introduce any breaking changes.
- Overall, this update is a leap forward that would not have been possible without feedback and contributions from the community.
- To try out Puck 0.18 or check the official release notes and full changelog, give it a star on GitHub or visit the updated documentation to get up to speed.
Read Full Article
9 Likes
For uninterrupted reading, download the app