A react frontend that display conference-data.
Add the package:
yarn add @os2conticki/display-reactUse it:
<link ref="stylesheet" href="node_modules/@os2conticki/display-react/public/dist/entry.css"></script>
…
<script src="node_modules/@os2conticki/display-react/public/dist/entry.js"></script>Or get it directly from a cdn:
<link ref="stylesheet" href="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.css"></script>
…
<script src="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.js"></script><!doctype html>
<html lang="da">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>My conference</title>
<link ref="stylesheet" href="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.css"></script>
</head>
<body>
<div id="app"></div>
<!-- Load polyfills for IE11 (!) (cf. https://stackoverflow.com/a/29988202) -->
<script>
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
document.write('<script src="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/ie11.js"></script>')
}
</script>
<script src="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.js"></script>
<script>
ConferenceApp.render({
element: document.getElementById('app'),
basename: '/my-conference',
// Url to conference api.
url: '…'
})
</script>
</body>
</html>yarn install
yarn dev-serveryarn install
yarn buildnpm adduser os2conticki
npm version «some version»
npm publish --access public
git push --tagsWhen PRs are created towards the develop branch all coding styles are checked by Github Actions.
To check for coding standards, run the following:
yarn coding-standards-checkTo automatically apply coding standards, run:
yarn coding-standards-apply`