This is the source code for a React Admin app, created automatically by APILogicServer. The app is a react/react-admin frontend, using a JSON:API backend via SAFRS, all automatically created by APILogicServer.
View live demo! (username is admin and password is p)
You can run it locally as described below in Installation.
API Logic Server introspects your database, and creates an executable, customizable project from a single command:
ApiLogicServer run # defaults to pre-installed sample database
ApiLogicServer creates the complete project below automatically from your data model, including:
-
Backend
-
JSON:API: from SAFRS, used by the react-admin app, via ra-jsonapi-client
-
Models: SQLAlchemy requires model classes; these are created automatically from the database
- You can customize the model, e.g., denormalizations, hybrid (virtual) attributes, and supply missing relationships.
-
You can customize the API
-
-
Logic: declare multi-table transactional update logic using spreadsheet-like rules (multi-table derivations and constraints)
- 40x more concise than code - explore here
- extensible with standard python - explore it here
-
-
Frontend
- React-Admin App: multi-page, multi-table react-admin app as shown below
So, in a few moments, you can create working projects that would otherwise require weeks or months, and then customize them:
-
Agile: Working Sofware Now enables you to collaborate with business users over working screens, as a basis for iterations. This is the basis of the Agile Manifesto.
-
Business Agility: this declarative approach provides remarkable competitive advantage in time to market, and responding to business change.
This positions react-admin with strategic advantages over competitive frameworks:
-
Frontend automation: Working Software Now, Zero Learning Curve
A sophisticated multi-page, multi-table app (not Hello World!) is running in moments, with zero learning curve. Customize the app, by editing working software.
-
Backend automation too, with unique spreadsheet-like logic - 40x more concise than code
Backend transaction logic is significant - often nearly half the effort for such systems. Reducing code by 40X can have a dramatic effect on delivery and iteration.
Observe the screens in the subsections below, automatically created from the sample database.
List screens support filtering, sorting and pagination.
Note that fields are intelligently ordered - name fields first, Id fields last, etc.
Clicking a row opens Customer Show, below.
Show screens show all the attributes of an object, with a tab sheet showing a list of related Child rows.
Clicking a child row opens up its show page, enabling you to walk the database relationships.
Observe the automatic joins, so you can see the Product Name instead of the Product Id (not currently working).
The UI components includes a react-admin folder:
API Logic server backends are customizable as described here.
Likewise, the created react-admin project preserves the customize without ejecting approach of react-admin.
API Logic Server react-admin creation services are not yet suitable for use, nor provided in the pip version. They are available in the API Logic Server git project, to support technology exploration.
As shown on the Order Show ("missing joins - product name"), joins are not yet operaational. Support appears to be available in the react-admin enterprise edition, but has not been tried.
Is joins support required from ra-json-api-client?
We are seeking collaborators.
Before you install this react app for APILogicServer, you need to have npm, node and yarn installed on your local machine.
Use this website to install npm, node and yarn - https://nodejs.org/en/download/.
This will install all the dependencies listed within package.json.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build folder.
Contact the developers: meera.datey@gmail.com or valjhuber@gmail.com.