Clientside Templates for Reactive UI

Today’s web browser is a power­ful applic­a­tion plat­form, chal­len­ging the tra­di­tional respons­ib­il­it­ies of web applic­a­tion server and cli­ent. In this ses­sion we learn to har­ness the browser to do some of the heavy-lifting tra­di­tion­ally del­eg­ated to the server-side.

Push­ing ren­der­ing tasks onto the web browser reduces the amount of hand-holding required of a server, min­im­ising net­work util­isa­tion and lag involved in user inter­ac­tions. This decouples our views from our server imple­ment­a­tion and can improve over­all applic­a­tion per­form­ance. Your web applic­a­tions will feel snappy and light­weight, present­ing a more pleas­ant user experience.

We will explore the implic­a­tions of client-side ren­der­ing and the dif­fer­ences between pop­u­lar client-side tem­plat­ing tools, such as jQuery tem­plates, EJS, Under­score and Handle­bars, eval­u­at­ing com­pat­ib­il­ity, per­form­ance, express­ive­ness and pro­ject health, while com­par­ing stat­ist­ics and user exper­i­ence with tra­di­tional server-side tem­plat­ing techniques.