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`