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

In addition to the offline event on September, there will be an alternative FREE virtual conference on April 17, with the attendees with valid September tickets getting exclusive access to the online conference content via a streaming platform.

React Summit

Get a glimpse into the future where we will control apps with our thoughts.

What is the future of user interactions? Will we continue using web and mobile or will we switch into VR and AR completely? What is our UX today on web and mobile and how it will change when the digital world will bridge into new dimensions. Would we still use keyboard and mouse or gestures or will we use something else? 

In this talk we will get a glimpse into the future where we will control apps with our thoughts. Literally. It’s not a thought experiment, but a journey into our brainwaves with consumer EEG headset. We will explore how we can use them and AI to create futuristic experiences, which will lay a foundation stone to our future interactions with the digital world.

Controlling Apps with Your Mind and AI

Learn how you can improve a codebase by applying and creating abstractions more thoughtfully.

Are you the kind of programmer who prefers to never see the same code in two places, or do you make liberal use of copy/paste? Many developers swear by the Don't Repeat Yourself (DRY) philosophy while others prefer to Write Everything Twice (WET). But which of these produces more maintainable codebases? 

I've seen both of these approaches lay waste to codebases and I have a new ideology I would like to propose to you: Avoid Hasty Abstractions (AHA). In this keynote, we'll talk about abstraction and how you can improve a codebase by applying and creating abstractions more thoughtfully as well as how to get yourself out of a mess of over or under-abstraction.

AHA Programming

Learn how large organizations like Facebook, Microsoft, and Google are able to successfully scale across multiple teams, business units, and products.

Scaling React development across multiple teams can be incredibly difficult. Teams need to share core functionality while staying autonomous. Changes need to propagate through many projects while being tested. 

Nx is an open-source toolkit that allows organizations to scale development more easily than before! Nx makes setting up Cypress, Prettier, Storybook, Next.js, and Gatsby faster than ever. You can also develop full-stack by using Node frameworks like Apollo and Nest.js and share code between frontend and backend. 

In this talk you’ll learn how large organizations like Facebook, Microsoft, and Google are able to successfully scale across multiple teams, business units, and products.

Scalable React Development for Large Projects

Designing with code, or with a coding mindset, can help your team to be more productive. 

For years I've been a designer who codes and I believe that designing with code or with a coding mindset can help your team to be more productive. 

In this talk, I'm exploring this concept and showing my daily workflow that can probably help to bridge the gap between devs and designers.

Designing with Code in Mind

Learn how React Query can help you fetch, cache and manage your asynchronous data, easily.

An increasing amount of data in our React applications is coming from remote and asynchronous sources and, even worse, continues to masquerade as “global state”. 

In this talk, you’ll get the lowdown on why most of your “global state” isn’t really state at all and how React Query can help you fetch, cache and manage your asynchronous data with a fraction of the effort and code that you’re used to.

React Query: It’s Time to Break up with your "Global State”!

Next.js and Serverless future

See the many steps and complexities involved in publishing a new version or React Native,

Whenever there's a conversation about working on React Native, versioning and release cycle usually arise as one of the pain points. But why is that the case? How complicated is it to create a new release of React Native? Surely it looks similar to the release process you are using... or not!

During this talk I'll walk you through the many steps and complexities involved in publishing a new version or React Native, and I'll challenge one fundamental idea – that 1.0 is the solution to all problems.

I hope you're ready, it's going to be wild!

The 1.0 is a lie: The complexities of releasing React Native

The world is filled with billions of small, connected, intelligent and compute-efficient smart-phones. What if we can tap into this power and do more on the edge? 

The world is filled with billions of small, connected, intelligent and compute-efficient smart-phones. What if we can tap into this power and do more on the edge? 

It turns out, ML fits perfectly here. Let us explore the MLKit library to bake in intelligence into react-native applications.

Machine Learning on the Edge

Haris is talking about the newly open-sourced library Restyle (https://github.com/Shopify/restyle); how it addresses many problems and pain points developers experience when managing evolving styles and theme support (gotta have dark mode!) in a React Native app.

Styles and Theming with Restyle in React Native

See how Microsoft is using React Native to solve some of their cross-platform problems, how they're working with Facebook to help make React Native for Windows and Mac great experiences, and learn how to get started building a Windows and Mac app.

Building apps for both Windows and Mac

In a world where perpetually confused developers can't quite get their React Native development environments working, new libraries emerge from the ashes of lost productivity: envinfo and Solidarity. Escape the complexity and be part of the wave of teams embracing change to save their projects from themselves.

End Your Development Nightmares with envinfo and Solidarity

Build Virtual Reality with React

Exploring React My Own Way

Designing Boardgames and How Tech (and React) Can Help

Understand common GraphQL challenges, and how Relay addresses them.

GraphQL integration (and API/data fetching in general) becomes quite repetitive and complex as our app scales. New features need to be built that are sort of similar to features that already existed, but what bits they can reuse is not clear (eg: pagination). 

New members join the team and we’d like them to work on their UI components without worrying about the data fetching logic of the rest of the component tree. Relay takes an opinionated stance to solve some of these problems that are worth understanding and learning from.

In this talk, I'm going to motivate the core features in Relay from the ground-up. I'll do hands-on demos to explain the common challenges GraphQL clients run into, how one would fix them without Relay and then fix them with Relay. 

I'll also touch upon how Relay works and its design briefly and how Relay’s design goal is not just being a high-performance GraphQL client, but also increasing developer productivity and happiness.

Go from being skeptical about Relay to falling in love with it

When developers think about broadcasting live from the browser, the immediate assumption is to use WebRTC. While WebRTC is amazing technology, server-side implementations are...lacking right now. We'll talk about a (totally hacky) way to get video from the browser via technology you're using today.

Going Live from your Browser without WebRTC

See how an Ionic React app works and how this changes the React ecosystem (surprise, it's because of Web Components).

Ionic is a framework for building fast and powerful mobile, desktop, and web apps with web technology. Traditionally, Ionic has been built on top of one framework: Angular. But recently, Ionic added support for React, and aims to bring the same great development experience to the React ecosystem. 

In this talk, we’ll look at how an Ionic React app works and how this changes the React ecosystem (surprise, it's because of Web Components).

Bringing Ionic (and Web Components) to React

In this talk I will demonstrate the new GraphQL Mesh library that was recently announced.

GraphQL Mesh changes a lot of the traditional ideas about GraphQL and its relationship with other API protocols.
It can automatically generate a GraphQL API from openapi/Swagger, gRPC, SOAP, oData and others without changing the source and merge them all schemas into a single schema - Schema Stitching for any source!

In this talk I will share some of the original ideas behind it and my opinions on how the future looks for API consumption and exposure.

GraphQL Mesh – Query Anything, Run Anywhere

Accessibility advocates often say "use the platform," but why? In this lightning talk, I'll be showing you implementation differences between the behavior of native HTML elements and their DIV counterparts.

React Summit 2020 Online

Apr 17 | Online