Show HN: Launch React components in your app with no-code

A new feature called Collections has been developed to enable the launch of simple, stateful React components such as promotions, banners, and announcements within web applications. This feature allows non-technical team members to deploy native, prebuilt components directly in the product UI without needing engineering support. Collections can be embedded in code, functioning like a <div> that spawns inline React components or appears as floating elements. They can be styled to match the existing design system of the application. The feature includes air traffic controls (ATC) that manage the display of components, ensuring a balanced user experience by preventing excessive notifications. The development process faced challenges, particularly in managing the React rendering lifecycle to avoid duplicate component rendering. A centralized client-side registry was created to track the DOM tree, while the ATC logic is determined server-side to optimize performance. The initial release includes a library of pre-built React components, with plans to allow custom components in the future. This server-driven UI approach aims to provide a balance of quality and speed, similar to methods used by companies like Uber and Pinterest. The developers believe this method offers more control and flexibility compared to existing no-code tools.

- Collections allows non-technical users to launch React components without engineering help.

- The feature includes air traffic controls to manage component display and user experience.

- A centralized client-side registry was developed to track component rendering.

- Initial release features pre-built components, with plans for custom component support.

- The approach aims to balance quality and speed, similar to practices of major tech companies.