PROOPH EVENT STORE MGMT UI
Work In Progress
The ES-Mgmt-UI is under heavy development. If you are interested you can install it and explore it of your own. More information is provided later when we have a first working version.
react-semantic-ui
React + Redux + Semantic UI Frontend
Based on wmonk/create-react-app-typescript but it's ejected for customization.
This application uses semantic ui themes. Take a look at the semantic
folder.
Note: We have to copy the themes from the nodes_modules package semantic-ui
to semantic
manually after updates to get the latest assets.
Configuration
After you have copied these sources to your project you may want to change some default values. This is a list of files which contains default values.
app.env.dist
: urlconfig/webpack.config.dev.js
:publicPath
andpublicUrl
settingsconfig/webpack.config.prod.js
: URL pattern for service workerconfig/webpackDevServer.config.js
:public
andallowedHosts
settingspackage.json
: change namepublic/index.html
: change titlepublic/manifest.json
: change namesrc/api/ConfiguredAxios.ts
: base API urlsrc/notify.tsx
: change logosrc/reducer.ts
: add your reducerssrc/registerServiceWorker.ts
: notification text
Frontend build
We have a two stage build.
All assets are put to
src/theme
folder and referenced via TS files. The webpack loader does the rest.
- First we have to build semantic ui theme which is used in
index.ts
file and compiled tosrc/theme/semantic
- If you change something in the
semantic
folder you have to compile the semantic theme and after that the react app.
- If you change something in the
- Second we build our react application
Prerequisites
You have to manually install the dependencies and to compile the semantic ui theme.
docker run --rm --env-file=app.env.dist -i -v $(pwd):/app sandrokeil/typescript yarn install
docker run --rm --env-file=app.env.dist -i -p 4000 -p 3000 -v $(pwd):/app sandrokeil/typescript yarn run semantic
Now you can start the development server and open http://localhost:3000/ in your favourite browser.
$ docker run --rm --env-file=app.env.dist -i -p "4000:4000" -p "3000:3000" -v $(pwd):/app sandrokeil/typescript yarn start
Testing
docker run --rm --env-file=app.env.dist -i -v $(pwd):/app sandrokeil/typescript yarn test
Production build
docker run --rm --env-file=app.env.dist -i -v $(pwd):/app sandrokeil/typescript yarn run build
Browser extensions
- Install redux-devtools-extension
- Install react-extension