Implementing the Client

Now let’s get the client side working. We’ll need to use bs-webapi to access the DOM, bs-fetch to send data to the server and get a response, and bs-json to analyze the response. Create a project named client and install those libraries:

​ cd client
​ npm install --save bs-webapi
​ npm install --save bs-fetch
​ npm install --save @glennsl/bs-json

Remember to add the dependencies to the bsconfig.json file:

​ ​"bs-dependencies"​: [
​  ​"bs-webapi"​,
​  ​"bs-fetch"​,
​  ​"@glennsl/bs-json"​
​  ],

Our HTML page will be just enough to get the job done: a <select> menu to select the summary we want, and a <div> to hold the resulting table:

interop/client/src/index.html
​ ​<!DOCTYPE html>​
​ <html>
​ <head>
​  <title>Shirt Statistics</title> ...

Get Web Development with ReasonML now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.

Start your free trial