Functional UIs with React.JS and Immutable.JS - Experience Report

Sep 2015

14 Mon

15 Tue 08:30 AM – 05:35 PM IST

16 Wed 09:45 AM – 06:00 PM IST

17 Thu 08:45 AM – 05:35 PM IST

18 Fri 08:15 AM – 05:55 PM IST

19 Sat 09:45 AM – 05:50 PM IST

20 Sun 10:00 AM – 06:00 PM IST

Make a submission

MLR Convention Centre, J P Nagar, Bangalore

JSFoo is India’s premier JavaScript conference. This year is the fifth edition.

The theme for the 2015 edition is the future of JavaScript.

We are looking for talks and workshops from academics and practitioners who are at the cutting edge of developments in JavaScript.

We want to hear all about:

Advances in browser JavaScript
JavaScript in hardware
Functional JavaScript
Cutting edge developments, including original work
ES6

Editorial panel

Santosh Rajan, founder Geekskool
Shwetank Dixit, Extensions Program Manager and Web Evangelist, Opera Software
Sindhu S, Recurse Center alumni
Zainab Bawa, editorial coordinator, co-founder at HasGeek

HasGeek believes in open source as the binding force of our community. If you are describing a codebase for developers to work with, we’d like it to be available under a permissive open source license. If your software is commercially licensed or available under a combination of commercial and restrictive open source licenses (such as the various forms of the GPL), please consider picking up a sponsorship. We recognize that there are valid reasons for commercial licensing, but ask that you support us in return for giving you an audience. Your session will be marked on the schedule as a sponsored session.

Workshops

If you are interested in conducting a hands-on session on any of the topics falling under the themes described above, please submit a proposal under the workshops section. We also need you to tell us about your past experience in teaching and/or conducting workshops.

BOF sessions

If you are interested in doing an unconference during the breakout sessions, propose a topic which will be of interest to the community.

Important dates:

Deadline for submitting proposals: 31 July 2015
Conference dates: 18-19 September
Workshops: 15, 16, 17 and 20 September

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

Previous Next

Functional UIs with React.JS and Immutable.JS - Experience Report

Submitted Jul 28, 2015

Section: Full talk Technical level: Intermediate

Participants would be able to have an appreciation of how React encourages functional architecture and how we can tie that with Facebook’s immutable.js library and Om style global state with cursors to deliver a highly peformant yet very simple application.

Outline

This is an experience report of how we built a fairly complex web application over 15k lines of code in React and Immutable JS. We have gone against the grain of Flux and have used a purely functional approach to UI using concepts from the Om framework. Our app eschews the idea of listening on state at the component level and takes up the view of a global state and rerendering when the app state changes. This way we only have one state change listener in our entire app. We have managed to make the entire view including the URL in the browser address bar a function of the state of the application. We will explore how the functional nature of React with immutable data structures can simplify application development without sacrificing performance.

In the course of the talk, I will also demo ES6, Webpack and React hot loader to setup your environment for immediate feedback.

Speaker bio

I currently serve the role of a CTO at Tarka Labs. I have been working with React since it came out and have worked with functional reactive frameworks and languages like Clojurescript/Om, Quiescent and Elm. The new application architecture we have adopted drastically simplifies the approach to building pure javascript applications without having to incur the cost of complexity with flux’s actions, action creators, dispatchers and the sphagetti of callbacks around stores/listeners.