@dotwebstack/webcomponents
v0.1.22
Published
DotWebStack Web Components
Downloads
48
Readme
DotWebStack Web Components
A set of embeddable Linked Data web components, built on React.
Prerequisites
The following tools are required:
Installation
These webcomponents can be installed using NPM:
npm install --save @dotwebstack/webcomponents @rdfjs/data-model
And of course, also with Yarn:
yarn add @dotwebstack/webcomponents @rdfjs/data-model
Documentation
Usage with React
Here is an example of using webcomponents within a React application:
import React from 'react';
import { GraphContext, Vocabulary } from '@dotwebstack/webcomponents';
const endpoint = 'https://bag.basisregistraties.overheid.nl/def/bag';
const App = () => (
<GraphContext src={endpoint}>
{(store) => (
<Vocabulary store={store} />
)}
</GraphContext>
);
ReactDOM.render(<App />, document.getElementById('root'));
Usage without React
All components are also available by string reference to the renderComponent
and createComponent
methods.
This makes it possible to use web components in a non-React application:
import { createComponent, renderComponent } from '@dotwebstack/webcomponents';
// Alternative method when not using ES6 modules:
// const namedNode = require('@rdfjs/data-model').namedNode;
// const renderComponent = require('@dotwebstack/webcomponents').renderComponent;
// const createComponent = require('@dotwebstack/webcomponents').renderComponent;
renderComponent(
document.getElementById('root'),
'GraphContext',
{
src: 'https://bag.basisregistraties.overheid.nl/def/bag',
children: (store: any) => createComponent('Vocabulary', { store }),
},
);
See the example folder for more configurations.
Development
Install dependencies:
npm install
Start development server:
npm run start
Release
Make sure to switch to the master
branch first.
Prepare a new version (change update type to minor
or major
when relevant):
npm version patch
Push commit & tag:
git push origin master --tags
To publish the new version to the NPM registry:
npm publish
License
This project is published under the MIT License.