Skip to content

Get Started

Andrey edited this page Jan 12, 2018 · 6 revisions

Use this command to compile everything in 1 html file

Client Advanced Example

require! {
    \mobx-react : { observer }
    \mobx : { observable, toJS }
    \react-dom : { render }
    \react
    \./app.ls .  #implement it
    \prelude-ls : { obj-to-pairs, pairs-to-obj, map, each, concat, filter, find }
    \socket.io-client : socket
}
{ parse, stringify } = JSON
io = socket \/
window.io = io
store = observable { some-store: 1 }
io.on \connect , ->
io.on \info, (data)->
    { field1, field2 } = data
    ...
Main = observer ({store, io})->
    app { store }
window.store = store
restore-router = ->
   #router logic
goto = ->
   #router logic
window.goto = (name)->
    goto name, store
window.onpopstate = (event, state)-> 
    goto event.state.page, store
restore-router store
window.onload = ->
    render do
        Main.pug( store=store )
        document.body.append-child document.create-element \app
#app.ls
require! { react }
module.exports = ({store})->
   .pug App
lsxc -whpsfkbc client.ls

Clone this wiki locally