Components¶
Components complement the top-level-apps of an infrastructure-components-based project. Components are children (direct or indirect) of the app, like:
<SinglePageApp
stackName = "example"
buildPath = 'build'
region='us-east-1' >
<Route
path='/'
name='Infrastructure-Components'
render={() => <div>Hello from a React Web App!</div>}/>
</SinglePageApp>
Note: Which components you can use and may depend on the top-level-app.
Webapp¶
The WebApp-Component is available only in an Isomorphic-App. In this context, it creates a client-app with a custom html and Javascript code.
See Webapp for more details.
Service¶
The Service-Components is available in Service-Oriented-App and Isomorphic-App. It specifies a server-side route to one or many Middleware-components
See Service for more details.
Middleware¶
The Middleware-Components is available only in an Isomorphic-App or as child of a Service. In an Isomorphic App context, it specifies a server-side function that runs whenever a user requests a page from the server.
See Middleware for more details.
Route¶
A Route-Component specifies a custom path (at the domain of your app) that gets served by its render-function. This function lets you easily render your own React-components.
See Route for more details.
Environment¶
An Environment-Component defines a runtime environment of your app. With environments you can distinguish your development-environments from your production-environment. An environment lets you attach a real domain to it, like www.your-domain.com.
See Environment for more details.
DataLayer¶
The DataLayer-component adds a NoSQL-database (DynamoDB) to your app. It takes It takes Entry and Service as children. The DataLayer is available in a Service-Oriented-App and in an Isomorphic-App.
See DataLayer for more details.