0.9.0 • Published 4 years ago
@os2conticki/display-react v0.9.0
OS2ConTicki display
Description
A react frontend that display conference-data.
Installation
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>Example
<!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>Development
yarn install
yarn dev-serverBuilding
yarn install
yarn buildPublishing to npmjs.com
npm adduser os2conticki
npm version «some version»
npm publish --access public
git push --tagsCode linting
When 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`