ReactNext

At Mendix we use MobX to manage the state of our visual enterprise application studio. In this talk we will take a look behind the scenes and see how MobX simplifies concerns like authentication, data fetching and routing. The strong decoupling of state and UI helps us to iterate on our UI more quickly. 

The architecture of the studio is pluggable and we will see how MobX helps integrating external producers and consumers of state into the product. In the end, we believe that this approach results in a code base that is sane and accessible. In which we get things done quickly.

Real World MobX

Rollup your sleeves, and lets dive deep into the ReactJS code and learn what happens between render() and DOM.

ReactJS: Under The Hood

In this talk, we'll discuss how future updates to React's core algorithm will unlock exciting new features you may not have even considered.

What's Next for React

React only provides the V in MVC -- the part which would usually be state free. But state is inherent to any app. And storing it in component state is kind of crap. So what is a React dev to do? Create a Model and Controller to go with the View!

The M and C in MVC

Wix.com is betting big on React Native for our official app, catering to over 80 million Wix users. Production of this scale comes with its set of challenges, especially when using a framework this young. This talk is about the challenges throughout the development lifecycle, applying practiced methodologies, gaps we faced and solved, and the ones we are still trying to solve.

Building a React Native App for 80 Million Users

Introduction to BDSM

DataLoader is the missing piece in the React-Relay-GraphQL stack, a utility for caching and coalescing data queries to optimize large, nested GraphQL queries. Digging through it's internals and in turn, JavaScript's internal asynchronous model, we'll see how DataLoader leverages Node's event loop and micro task management to coalesce database calls and dramatically improve upon caveats in common GraphQL-based apps.

High Performance GraphQL

React is a great library for declarative programming - but what happens when you need to work imperatively? In this talk I'll demonstrate edge cases I met while implementing performant canvas-based image viewer using React - and how I overcame them.

Overcoming React's Limitations

At Callstack.io, we have been working on the media player for one of our clients on both iOS and Android and decided to do it in React Native. React Native itself doesn't provide any APIs to control lock screen, bluetooth headphones or music playback thus they all have to be written. In this talk, we will check how all the above can be added to React Native with native modules while still being 100% reusable and easy to maintain.

Building a Fully-Fledged Media Player in React Native

Testing Frontend code is painful. You can either do small unit tests that don't check a lot, or you have to use automation tools to test your code in a living browser. There is a third alternative, which can be a very natural way to test your code - run your frontend code under Node! The benefits are enormous - simple debugging, no need for transpiling and bundling, and no need to raise a server to run the tests.

An Ode to Node: Testing Frontend the Backend Way

Some state management libraries for ReactJS provide a taste of Functional Reactive Programming, but to really cash in on FRP you must fully embrace it. That's why at NSO we've developed a Functional Reactive Flux architecture by harnessing the power of RxJS - and we now have completely predictable state and UI. In this talk we will go over the merits of FRP and share our journey from idea to production.

ReactNext 2016

Sep 15 | Tel Aviv, Israel