Skip to main content

Generated frontend & adding custom code

Add custom code

  • Navigation
  • Goto App.js where all the routes are present.
  • We can create, update or delete any routes
  • For nested routes we can write manual codes here.

Update Resources UI if required

  • Go to src/components/Resource
  • This folder has all the resources which are drag-dropped on the UI before generating frontend.
  • Named as <Operation><ResourceName>.
  • This you can update based on the requirements

Ex: CreateStudent where Create is the operation and Student is ResourceName

Update existing react component

  • Go to src/components
  • This folder contains all the react components which are present in the generated frontend (means all the pages from the Designer)
  • React components are named after Pages from the designer (Ex: Page1, Page2, etc), if we update the pageName in the designer before generating frontend then the componentName in the generated frontend will be the updated pageName.

Add new react component

  • Go to src/components
  • Add any new react component here if required