React Amsterdam is a celebration of good things coming together: React that rocks and spring in Amsterdam that blossoms.

A full-day, two-track conference on all things React, gathering Front-end and Full-stack developers across the globe in the tech heart of Europe. We're coming back with a new gig on April 13, 2018.

Mark your calendars for the biggest React community event.

React Amsterdam

What if your components' state was deterministic?

Learn about implementation of State Machines to manage React Components' state - from the basics of the Automata theory to autogenerated tests.

setState Machine

There will always be a new JavaScript framework to learn. Technology will continue to evolve and change, and developers will continue to rewrite applications. Wouldn't it be amazing if we could just copy paste 90% of our code from framework to framework?

Well, you can. Reactive programming enables just this AND the ability to future proof your code.
Not only can reactive programming help with your solutions to JavaScript fatigue, but the concepts and technology remain consistent from framework to framework.

Learn how to create a more composable application architecture and an arsenal of lego bricks with RxJS, a push based primitive and domain specific language that sits on top of JavaScript.

Reactive Programming Demystified: Drink the Kool-Aid

Get a deeper understanding on the difference between state and data. A deeper understanding of JavaScript itself.

Many teams have been discussing on whether to go the immutable or mutable state route. Flux or MVC or MVVM? Redux, MobX or Apollo? 

Instead of answering the question, in this talk we will look at JavaScript code on a more fundamental level: How do data structures work in JavaScript. What assumptions can be we make if we treat them to be immutable? Or mutable? How can we express concepts like identities, references, collections, mutations, derivations in either case? And can we bent the rules between the two? 

This talk will provide you a deeper understanding of the difference between state and data. A deeper understanding of JavaScript itself. Which will help you to improve the state you manage, regardless of the library you use to implement that.

There and back again: grokking state and data

As apps begin to scale, many developers find themselves asking the question - but where does all the hard stuff go? The complicated data manipulation, the validation, the process flow of our apps. In other words, the business logic. 

If React is designed for the view layer, and we’re using Redux or something similar for the state, then where does the business logic go? 

This talk looks at the different options and tries to answer that question.

Structure Your App's Story With Sagas and Selectors

You start using React Native. Styling? Got it. Animations? A little different, but sure. Now let's add a navigation bar and another screen that we transition to...

This is where you hit a fork in the road. You can either use a library that wraps the native navigation APIs for the platform or a re-implementation of those APIs using the same React Native primitives (View, Text, Animated, etc) that you use throughout your app. 

The former is commonly called “native navigation" because most of the implementation is in "native" and the latter is called "JavaScript-based navigation" because most of the implementation is in JavaScript. 

React Navigation is a "JavaScript-based" navigation solution and React Native Navigation is a "native" navigation library. The choice you make has a significant impact on your app, and it's something you will live with every day while you continue to work on the project.

I lead the React Navigation along with the creator of the project, Eric Vicenti. I'll explain why we think that building a JavaScript-based navigation library is important, what the limitations are (why there is room for both categories of solutions), and I'll show you how to take full advantage of it.

React Navigation

React as an idea and a paradigm is interesting in its own right, and should not be tethered to its JavaScript roots. 

Ever consider whether or not React would be possible in other languages? Other platforms? What are the pros and cons of doing so? 

If we had React in multiple languages, would it make sense to change the architecture of React Native?

Cross-Language React

D3 and React, who should control the DOM? After all, React’s whole purpose is managing updates to the DOM so we don’t have to. 

D3, on the other hand, is a library for building data visualizations, and it too needs access to the DOM. And stepping back, when should we even use D3 and React together? 

In this talk, I will give guidelines on when React should have ownership of the DOM, and when D3 should instead. More importantly, I will cover the interactions and applications that will benefit the most from using D3 and React, together.

D3 and React, Together

This talk will focus on the creative exploitation of React component architecture to render not only to DOM elements, but other targets as well, at the same time. 

We will explore techniques you can use to achieve this, common pitfalls, useful applications of these patterns and not so useful, but wildly entertaining applications of these patterns.

Mixed Mode React

Now that GraphQL takes care of managing data in our apps, is an external state-management library even needed? 

Let's explore all the possibilities and compare the combinations of React, Apollo, Redux, MobX, and Next.js.

React State Management In a GraphQL Era

Stuck in a jungle of inaccessible code? This swiss army knife of tips and tools gives you what you need to slice through the challenges and make your apps inclusive for all users.

Inclusive React: A Survival Guide

React is a component-based UI library that doesn’t provide any built-in components. 

Over the years companies and developers have invested a lot of time and money in development of UI components based on VanillaJS or various frameworks. 

Building components is time consuming, has integration and maintenance risks, and worst of all, distracts developers from the task at hand - actually building the application. 

In this presentation, you will learn how to quickly and easily “Reactify” your existing JavaScript components to use them in React applications.

How to “Reactify” Your Existing UI Components

As the popularity of GraphQL grows, many hard questions are being asked by companies adopting it as an API standard. 

What databases or search engines can I use it with? How do you aggregate data from multiple sources globally? Can GraphQL fetched data be available offline, and if clients mutate it how are conflicts resolved? 

Is there a secure way to control data access based on user authentication? Do subscriptions scale to thousands or millions of users? How do I use it with content like images or video? 

We’ll learn about AWS AppSync, a managed GraphQL service with offline and realtime features, and see the latest features and functionality that have just been released to market.

GraphQL at scale with AWS

React v16.0 comes with some major changes and an update to the core algorithm. With React v16.0 Facebook has completely revised the internals of React while keeping the public API essentially the same.

Learn about what’s new in React 16 which would include a brief explanation of the new algorithm along with focus on few of the new features like Error Boundaries, Portals, Fragments and SSR with React 16.

Rethinking With React 16

React Native provides us with a set of primitives for building mobile applications. A few of these can be aggregated into a "networking" layer that manages the transfer of data. 

This layer was designed to mimic an API we have in the Web, but despite all the similarities, it has its own *qualities* and caveats every good React Native developer should know about. 

In this talk I'll try to guide you through the networking layer in React Native and share some tips and tricks I've learned along the way.

Network Layer in React Native

The React ecosystem has given developers the opportunity to target platforms that were once thought out of reach for JavaScript developers. 

Now, the Viro platform opens the door to developing both AR & VR on both iOS & Android as well as GEAR VR and Google Daydream. 

In this talk, I will quickly go over how to get up and running with the framework and demo an app that allows user to upload images from the conference into a virtual room, as well as walk around and interact with them in Augmented Reality.

React Native VR + AR Made Simple

In this talk we’ll discuss the design philosophy of Elm by doing a comparative analysis between architecture and software development, to understand not only how to get started with Elm, but also why.

Making Programming for People

One of the benefits of React is its declarative interface and the fact that you can describe any advanced UI pattern with a set of components to have a predictable behavior. 

That is, completely different from what we have used to be doing - when writing imperative code. In fact, imperative itself is often blamed on Twitter for being highly dangerous and an anti-pattern. 

In this talk, we will explore different ways of building reusable libraries with React Native (like APIs and higher order components). We will see that imperative code is actually there at low-level and is what makes communication with native world possible.

Imperative is the new black

Push notification is a crucial feature for any app. It helps in engagement and retention of the user. Most users will not return to an app after installing it, and that is where push notifications come into play. 

In my talk I'll be talking about how to achieve this feature with React Native for both iOS and Android.

Push Notification With React Native

The Wix app is a large operation involving ~40 developers from 6 different product groups and a pretty big amount of features. Scaling this project requires code architecture that enables each module to be developed separately, but easily fit the big puzzle.

We’ll discuss the way we do both unit and E2E testing, the way we scale our CI, the way we deploy and how we fix issues in production when they arise.

We’ll also share our plans to how we’re going to scale our app and dev process to support 100 developers a year from today.

Continuous Workflow for a Large React Native App

Smart homes become more and more popular. With this we still use applications that come with smart products to control them. 

In this talk I will show you an alternative how you can create your own apps with React Native, that control smart home appliances.

Controlling Smart Homes With React Native

Well, my first conference talk didn't go exactly like planned.

Public Speaking: How Bad Can It Be

Reprocessing is a new library for Reason, a rather new programming language building on the OCaml + JavaScript ecosystems. 

It’s a lean wrapper around OpenGL and WebGL and allows truly cross-platform games to be written rather easily.

Reason is great for a whole lot of things, but let me take you through a story of trying to write a 2D physics engine in just under 8 hours (Mistakes were made), what strongly typed languages don’t protect you off, and a vision of what you could build with Reason or Reprocessing. 

The universal future is coming, and Reason is orienting itself just right with projects like bsb-native.

Wonky Game Physics in Reason and Lessons Learned

A harrowing tale of tragedy and misfortune: how a year-long attempt to crowbar a React SPA front-end into a monolithic mobile platform serving many millions of users almost plunged over the precipice into failure. 

Prepare yourself for all the thrills, chills and linting errors anyone could ever hope for. Warning: tale may rhyme.

The Tell-Tale Metric: Replatforming with Edgar Allan Poe

I will show you how to use React components approach while creating music with Ableton Live. This talk will inspire you to connect two independents worlds, Music and React.

Music of React

The story is about how we DDOS ourselves at Product Hunt for about an year because of the way we've built our SSR React server.

How We DDoS Ourselves with SSR

First annual React Open Source Awards, where our MC's will name the winners and present prizes to project representatives. Check out the nominees here https://react.amsterdam/awards.html

React Amsterdam 2018

Apr 13 | Amsterdam, Netherlands