Create a Web Component
Oracle JavaScript Extension Toolkit (JET) web components are reusable pieces of user interface code that you can embed as custom HTML elements. You can create a web component from a template that comes with VB Studio.
When you use the Create Component dialog box to create a component, the new component contains the JavaScript, HTML, stylesheet,and JSON files required. The files contain sample code to help you get started. After you create the web component, you can click the component artifact in the Navigator to edit each of the component’s files.
Description of the illustration component-editor.png
To create a web component:
- Expand the Resources node of your web (or mobile) application in the Navigator.
- Click Create Component (
) next to the components node. - Type the ID for the component in the Create Component dialog box. Click Create.
The new web component is added to your app's
resources/components folder.
Note:
Manually creating web components makes them a part of your application. Because these components are not cached, you're likely to run into performance issues when they are downloaded each time you reload the Page Designer for preview, or at runtime when you publish an update to your app. As a best practice then, it helps to publish your components to a CDN (Content Delivery Network) or an external location that your browser can cache requests from. This is useful especially when you have multiple apps that use the same components. Talk to your administrator for site-specific information on how to publish these components externally.