- Based on [VF-React](https://visual-framework.github.io/vf-react/#/)
- If you add a Visual Framework component, be sure to include it at `src/vf-components/vf-componenet-rollup/index.scss`
- Add custom CSS to `src/vf-components/vf-local-overrides/vf-local-overrides.scss`
-Bootstrapped with[Create React App](https://github.com/facebook/create-react-app), that brings certain advantages and limitations. If you want to escape those, read up on "[eject](https://create-react-app.dev/docs/available-scripts#npm-run-eject)"
-Uses[Create React App](https://github.com/facebook/create-react-app), that brings certain advantages and limitations. If you want to escape those, read up on "[eject](https://create-react-app.dev/docs/available-scripts#npm-run-eject)"
Watchout for:
- Use `yarn` and not `npm`
- This is still in early development
- The building of VF component assets (CSS, JS, images, etc.) from `.vf-components` into `./build/vf-generated-assets` does not seem to be working after [#25](https://github.com/visual-framework/vf-react/pull/25)
- Gulp may eventually removed from this project
- We're still coming up with an approach on how to handle the use of VF JS inside React (probably we'll import the VF JS modules directly)
- Use react components from VF-Core as much as possible
## Available scripts
...
...
@@ -42,27 +41,6 @@ Launches the test runner in the interactive watch mode.<br>
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
# embl-jobs-pages
Creates pages for `embl.org/jobs/position/{name}`
- Made with `vf-eleventy`
- Pulls jobs from contentHub via `https://www.embl.org/api/v1/jobs?_format=json&source=contenthub`
- Redirects from email alerts using format of https://www.embl.org/jobs/alerts/alert-email/{nPostingTargetID}(3656)
- Redirects from EMBL.de are mostly handled by the script at https://sourcecode.embl.de/webdev/website/nps-legacy/-/blob/master/js/ext/src/embl_jobs_redirect.js (as of Feb 2021)
## Developing
1. You'll need to [install npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
1. If you don't have `yarn`, install it
- https://yarnpkg.com/lang/en/docs/install/
1. Install all the things
-`yarn install`
1. Generate the site in `/build`
-`gulp dev` renders and serves
-`gulp build` build static assets
### Local setup using docker
1. Run `docker-compose up` this will generate image & build the application locally