This is intended to be a repository with some OpenComponents examples.
# install oc first (you may want to sudo this) npm i -g oc # clone the repo git clone https://github.com/matteofigus/oc-components-examples.git cd oc-components-examples # run the dev watcher oc dev . 3030 # now open http://localhost:3030 with your browser
This example shows how to include static resources inside components. When developing locally, the local resources will be used, when the component will be package they will be hosted inside the cdn. When files are
js they are automatically minified during the packaging phase.
This example shows how to use a server-side dependency. Server-side dependencies are declared inside
package.json as usual for a node module. When developing, the CLI will attempt to resolve it and install it automatically. When publishing, it is important to ensure the registry's maintainer allows that dependency to be used in its own registry. If you own the registry's yourself, here you can find more informations about how to configure external dependencies to be used.
This example shows how to use a client-side library. The oc client will try to resolve the dependency inside the window global scope. In case the dependency will be found, it will be used, if not it will be downloaded from provided url and then the component rendering phase will start. If you want to require local dependencies you obviously can (look at the previous example).
Styling and client-side css dependencies
If you want to nest components, you can. This example shows how to render a nested component that is hosted in the same registry (but this is not a mandatory requirement).
Angular components as OpenComponents
This example shows how to create an Angular.js component as OpenComponent. In this way, you can design your Angular app as usual, and use OC purely as delivery mechanism.
React components as OpenComponents
This example shows how to create a React component as OpenComponent. In this way, you can design your React site as usual, and use OC purely as delivery mechanism.
Can I do ...? How?
Let me know if you would like more examples about OpenComponents. I will try to update this list adding more and more examples. If you want to ask any question about OC, open an issue in the OC main repository.