This project is related to my Pull Request:
With help of url-dsl
library I baked simple working front-end routing solution which works pretty well with Tyrian
. There are several URLs:
/home
/counter
/todos
/id/:userId
, whereuserId
is meant to beInt
/user
with query parameterage
(also meant to beInt
).
All the other URLs are redirected to custom notFound
page. Besides of routing I also added two simple subcomponents to show how to modularize application.
To run the program in a browser you will need to have yarn (or npm) installed.
Before your first run and for your tests to work, you must install the node dependencies with:
yarn install
This example uses Parcel.js as our bundler and dev server, there are lots of other options you might prefer like Webpack, scalajs-bunder, or even just vanilla JavaScript.
We recommend you have two terminal tabs open in the directory containing this README file.
In the first, we'll run sbt.
sbt
From now on, we can recompile the app with fastLinkJS
or fullLinkJS
but please note that the tyrianapp.js
file in the root is expecting the output from fastLinkJS
.
Run fastLinkJS
now to get an initial build in place.
Then start your dev server, with:
yarn start
Now navigate to http://localhost:1234/ to see your site running.
If you leave parcel's dev server running, all you have to do is another fastLinkJS
or fullLinkJS
and your app running in the browser should hot-reload the new code.