Enterprise React (Beta)
Each Superblocks Application is backed by a clean, production-ready React project using the open-source Superblocks Enterprise React framework.
This framework is built to enable two-way editing between the Superblocks Visual Editor and the underlying React code, giving your teams the speed of drag-and-drop editing combined with the power of React.
Superblocks Enterprise React provides a number of unique benefits, including:
- 2-way sync between visual editing & React code
- Business continuity with zero vendor lock in
- Deep integration with the Superblocks Enterprise Platform, ensuring every app comes with your design systems, authentication, RBAC, audit logging, observability, and more
- Infinite extensibility with any external libraries, including third-party components, utilities, instrumentation, analytics, and more
- Ability to use your favorite IDE (VSCode, Cursor, etc), developer tooling, and debugging tools
- Simple, familiar code reviews and SDLC
- Minimal learning curve & increased developer adoption
Editing your app in the Superblocks Visual Editor
When you create a new Superblocks Application, the underlying project is initialized in the Superblocks Cloud filesystem. As you make edits via the Superblocks Visual Editor, the changes are synced to the code mode project in real-time.
This approach ensures developers can continue to use the Superblocks Visual Editor without ever needing to view or modify the underlying code directly, while the underlying code is always kept in sync with the Visual Editor.
Editing your app in code
You can edit the underlying Enterprise React project on your local machine.
When editing your app in the Superblocks Visual Editor, you will click the button to open the code mode project in your local IDE. This will also start up a local development server, which will serve the application to the Superblocks Visual Editor in your browser as well as to your local Enterprise React project.
Installing third-party libraries
Since the underlying project is a clean React project, you can install any third-party libraries you need. The Enterprise React project has a package.json file just like any other React project.
You will simply need to run the relevant npm install command on your local project and you can use any components, utilities, instrumentation, analytics, or other libraries you need!
Business continuity with zero vendor lock-in
The underlying React project is yours, forever. If you choose to leave Superblocks, you can rest assured that your code is yours to take with you.
To continue running your application outside of Superblocks, you will simply need to swap out the "managed services" provided by Superblocks. These services include:
- Authentication
- Hosting
- Role-based access controls
- Audit Logs
- Observability
All of these managed services have clean adapter-like interfaces, so you can easily swap out the managed services with your own custom implementations.
You will also need to run the open-source Superblocks On-Premise Agent as the backend to execute any APIs in your application.
Extensive documentation on how to continue operating your application outside of Superblocks is coming soon.