The Original European React Conference

ReactEurope is back on 18-19 May 2017 to bring you the best and most passionate people from the very core team to the coolest people from the community we love. The conference aims to give talks that inspire and explore new futuristic ideas dealing with all the techs we enjoy from the React ecosystem such as React.js, React Native, GraphQL, Relay, Universal apps, Webpack, inline CSS and more.

ReactEurope is also a great occasion to socialize, meet new people and old friends, hack together, taste delicious food and have fun in the beautiful city of Paris.

Join us at ReactEurope Conf to shape the future of client-side, mobile and universal applications!

Events

2-Day Conference

Espace Charenton

May 18th-19th from 8:30am to 7:00pm

Lightning Talks

May 18th-19th

Special Dinner

May 18th

Hackathon @ Mozilla

May 20th from 9am to 8:30pm

Register here

Our speakers

Cheng Lou

Cheng Lou

React core member. Currently working on reason. Creator of React Motion.

Christoph Pojer

Christoph Pojer

Engineer at Facebook · Jest · Relay · React · Auphonic · TUGraz.

Andrew Clark

Andrew Clark

Engineer at Facebook, working on React. Co-creator of Redux, creator of Recompose.

Preethi Kasireddy

Preethi Kasireddy

Preethi is a Software and UI engineer who designs and builds AI-powered bots. She is passionate about creating amazing user experiences. Besides coding, she enjoys running, writing and reading.

speaker-image-5

Lee Byron

Making things at Facebook since 2008: React, GraphQL co-creator, Immutable.js, Mobile, JavaScript.

vjeux

Kevin Lacker

Co-founder of Parse, now at Facebook. Manager of the Facebook Open Source team.

vjeux

Dominic Gannaway

Author of Inferno – a blazing fast React-like JavaScript UI library. Dominic is now part of the React team at Facebook. Enjoys coding + being a Dad.

Eric Vicenti

Eric Vicenti

Eric is a self-taught web developer who has been working on React Native and apps at Facebook since joining in 2014. He now focuses on the needs of the React Native open-source community.

speaker-image-5

Sunil Pai

Mad scientist at Facebook. Built websites for myntra, yahoo, visa, and others. Plays a blue guitar. Author of glamor.

speaker-image-5

Adam Perry

Writing React Native devtools and services at Expo, Rust in mythical free time.

speaker-image-5

Sarah Drasner

Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks. She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working on a book for O’Reilly on SVG Animations. Sarah is a cofounder of Web Animation Workshops, partnering with Val Head.

speaker-image-3

Leland Richardson

Software Developer & Imagineer at @airbnb. Author of the Enzyme testing utilities for React and various react-native plugins. Leland like learning, discussing, and diving into challenges.

Nicolas Gallagher

Nicolas Gallagher

Engineering at @twitter. Author of react-native-web and normalize.css.

Michel Weststrate

Michel Weststrate

Dedicated yet mediocre (due to a lack of time) contributor to JS fatigue. Author of MobX. Tech Lead at Mendix

Lin Clark

Lin Clark

Lin Clark is a code cartoonist... she turns software architectures into cartoons. When she's not drawing, she's tinkering with WebAssembly, Rust, and Servo at Mozilla. In past lives, she has hacked on Firefox's developer tools, worked at npm, and has been a core maintainer on a number of open source projects.

Mehdi Mulani

Mehdi Mulani

Engineer at Facebook on React Native. Ex-Torontonian and Londoner, now in the Bay Area.

Joel Arvidsson

Joel Arvidsson

Joel is a front end engineer working at Klarna, creator of popular open source libraries such as react-native-vector-icons & react-native-animatable, and awarded 10 best apps of 2016 by Apple for the Vogue app.

Tereza Sokol

Tereza Sokol

React by day | Elm by night ❤️ . Author of elm-plot, contributes to carte-blanche, elm-belle and more.

speaker-image-5

Sasha Aickin

Ex-CTO @ Redfin. Author of react-dom-stream, a streaming server-side rendering library for React.

speaker-image-5

Nik Graf

Cares a lot about consistent & easy to grasp UI. He created the React UI library Belle and carte blanche with Max, now works full-time on several React/Redux OS projects & more at Stripe.

speaker-image-5

Max Stoiber

Max travels around the world, brews rad coffee, skis beautiful mountains and makes stuff on the web such as the popular react-boilerplate project, draft.js. He also contributes to react.js, create-react-app, webpack and more.

speaker-image-5

Mike Armstrong

Former “long time” game developer and now a software engineer in Oculus. Working on React VR and making VR developers lives easier.

speaker-image-5

You?

All our keynote speakers have been announced, however you can still get a chance to talk by giving a lightning. Lightning talks are reserved for attendees only so make sure to get your ticket first if you haven't already. The lightnings call for paper soon is available here.

Schedule

Tuesday, 16 May

08:30

Make sure to get in early.

09:30
  • Tooling (12 day)

    • Manipulating Child Components
    • Building a Wrapper Component
    • Building a Higher order component
    • Composing higher order components
  • Advanced React Topics (12 day)

    • Setup Hot reloading
    • Speeding up hot reloading significantly with Webpack DLL
    • Codesplitting with Webpack & how to make it work with the React Router
    • Treeshaking with Webpack2 to reduce your load size

Cares a lot about consistent & easy to grasp UI. He created the React UI library Belle and carte blanche with Max, now works full-time on several React/Redux OS projects & more at Stripe.

Nik Graf       

Max travels around the world, brews rad coffee, skis beautiful mountains and makes stuff on the web such as the popular react-boilerplate project, draft.js. He also contributes to react.js, create-react-app, webpack and more.

Max Stoiber       
09:30
  • React Native overview & architecture.
  • “Hello world” with create-react-native-app.
  • Tooling: packager, developer tools, debugging.
  • ES6/7 highlights relevant to React Native (async/await, classes, property initializers, fetch).
  • Core components, styling, flex box.
  • Routing: react-navigation.

Front-end web/mobile developer working on Expo and one of React Native top committers.

Brent Vatne       

Creator of Deco IDE, author of React Native Express, contributor to the React Native documentation, and consultant to industry leaders like Airbnb and Facebook. Devin now works at Airbnb.

Devin Abbott       

Writing React Native devtools and services at Expo, Rust in mythical free time.

Adam Perry       
09:30

Intermediate level workshop: this workshop assumes basic knowledge on React (components, properties, event handlers, state) and project setup (bundling etc). We will work from create-react-app in the workshop.

In this workshop we will build a small application (but not too trivial) application from scratch. We start by modelling our state after the mental picture we have from the problem. After that we define the operations we want to perform on the state, and define which information we want to derive from the state. We will start small, and then discover that the very same principles apply to rendering our UI (using react), authentication, routing, testing, async processes. After this workshop you should have gathered enough knowledge to build real life applications based on MobX and the underlying reactive principles.

Topics:

  • Introduction.
  • Setup
  • ES6 / ES.Next recap: arrow functions, classes, decorators, field initializers
  • Introduction to MobX, why MobX for state management?
  • MobX basics: observable, computed, autorun & action
  • Modelling domain state: stores, models, actions
  • Testing state & logic, JEST, snapshots
  • Building reactive user interface: observer (+ testing)
  • Recap: How does MobX track changes?
  • Using Provider / inject to pass stores through deeply nested interfaces
  • Fetching & storing data (+ testing)
  • Routing & authentication
  • Form validations
  • Conclusion

Dedicated yet mediocre (due to a lack of time) contributor to JS fatigue. Author of MobX. Tech Lead at Mendix

Michel Weststrate       

Wednesday, 17 May

08:30

Make sure to get in early.

09:30

Building a GraphQL Server /w Apollo (1 day)

  • Setting up a schema
  • Connecting to a datasource (microservice or datastore)
  • Setting up Apollo
  • Fetching data with static queries
  • Fetching data with dynamic queries
  • Writing data with mutations

Cares a lot about consistent & easy to grasp UI. He created the React UI library Belle and carte blanche with Max, now works full-time on several React/Redux OS projects & more at Stripe.

Nik Graf       

Max travels around the world, brews rad coffee, skis beautiful mountains and makes stuff on the web such as the popular react-boilerplate project, draft.js. He also contributes to react.js, create-react-app, webpack and more.

Max Stoiber       
09:30
  • Core APIs: Persistence, StatusBar, Keyboard, AppState, NetInfo, BackAndroid.
  • Animations: LayoutAnimation, Animated. Gestures: PanResponder and beyond. Native driver and threading implications.
  • Current ecosystem: boilerplates, component libraries, and other libraries.
  • Ejecting and installing and writing native modules.

Front-end web/mobile developer working on Expo and one of React Native top committers.

Brent Vatne       

Creator of Deco IDE, author of React Native Express, contributor to the React Native documentation, and consultant to industry leaders like Airbnb and Facebook. Devin now works at Airbnb.

Devin Abbott       

Writing React Native devtools and services at Expo, Rust in mythical free time.

Adam Perry       
09:30

CSS-in-JS is a powerful technique to help you make your react components portable and manage your css code more easily, it has been popularized by the react team and has been taking over the frontend world ever since. Sunil Pai is the author of Glamor (one of the top css-in-js library in use by next.js, gatsby and sourcegraph) and is really passionate about css-in-js. You will learn:

  • what problems does css-in-js solve?
  • comparison of different css-in-js libraries
  • a deepdive into glamor
  • different interfaces: jsxstyle, aphrodite, styled components
  • server side / static side rendering
  • composition strategies - theming, modularity, lazy loading, etc.
  • write your own plugins
  • autocomplete for styles with typescript/flow
  • build your own css-in-js lib!

Mad scientist. Built websites for myntra, yahoo, visa, and others. Plays a blue guitar. Author of glamor.

Sunil Pai       

Thursday, 18 May

08:30

Make sure to get in early at 323bis Rue de Charenton, 75012 Paris https://goo.gl/maps/t4FKT93C25u

08:45

Your typical French breakfast with croissants, coffee and more.

09:45

A few words from our sponsors

10:00

Coming soon

Engineer at Facebook, working on React. Co-creator of Redux, creator of Recompose.

Andrew Clark       
10:30

Dominic will talk about what makes inferno’s so fast and how he and the team are bringing this experience to react.

Author of Inferno – a blazing fast React-like JavaScript UI library. Dominic is now part of the React team at Facebook. Enjoys coding + being a Dad.

Dominic Gannaway       
11:00

Socialize, have some coffee or other drinks.

11:30

Jest was adopted widely across 100s of companies recently and provides an immersive testing experience. We’ll take a deeper look at JavaScript Testing with Jest and what it takes to turn a tool into a product with a delightful experience.

Engineer at Facebook · Jest · Relay · React · Auphonic · TUGraz.

Christoph Pojer       
12:00

The new wave of frameworks won’t be frameworks at all.

In this talk, Sunil will explore how compilers and bundlers will replace certain runtime dependencies, without degrading the development experience that we all love and depend on. We’ll discover strategies of incorporating these ideas into any regular app, how we can leverage component models from react/vue/ember etc to enhance these ideas, and my own take on tooling in this framework-less world.

Mad scientist. Built websites for myntra, yahoo, visa, and others. Plays a blue guitar. Author of glamor.

Sunil Pai       
12:30

Lunch time! Socialize while eating at our delicious buffet.

14:00

Coming soon

Co-founder of Parse, now at Facebook. Manager of the Facebook Open Source team.

Kevin Lacker       
14:30

There’s a big push to improve React’s perceived performance. And WebAssembly is fast. Could WebAssembly be part of the solution? In this talk, code cartoonist Lin Clark will look at what WebAssembly could mean for React’s performance, and how the new Fiber architecture makes that even more of a possibility.

Lin Clark is a code cartoonist… she turns software architectures into cartoons. When she’s not drawing, she’s tinkering with WebAssembly, Rust, and Servo at Mozilla. In past lives, she has hacked on Firefox’s developer tools, worked at npm, and has been a core maintainer on a number of open source projects.

Lin Clark       
15:00

Socialize, have some coffee or other drinks.

15:30

nc

Writing React Native devtools and services at Expo, Rust in mythical free time.

Adam Perry       
16:00

Coming soon

React core member. Currently working on reason. Creator of React Motion.

Cheng Lou       
16:30

Socialize, have some coffee or other drinks.

17:00

If only React Native apps could be highly extensible- such that a single experience within an app could be published and installed into other apps. If your screens are built with sufficient isolation, they can be portable between apps, platforms, and navigation implementations. In this talk, we will discuss how this ultimate modularity can be achieved simply by utilizing reducers and single-directional data flow. Then we will use React Navigation to quickly build a new experience with these techniques, and see how portable it really is.

Eric is a self-taught web developer who has been working on React Native and apps at Facebook since joining in 2014. He now focuses on the needs of the React Native open-source community.

Eric Vicenti       
17:30

React’s server-side rendering speeds up page load times, but it’s far from the only performance boost we can get on the server. In this talk, I’ll discuss how exploiting streaming and parallel processing on the server and browser can get us faster time to first byte, faster time to first paint, and faster time to full interactivity.

Ex-CTO @ Redfin. Author of react-dom-stream, a streaming server-side rendering library for React.

Sasha Aickin       
18:00
  • ShoutemUI by the Shoutem team
  • return null; by Joshua Comeau
  • Thousand ways to navigate in React Native by Charles Mangwa
  • Fancy Footwork: Building a Composable CMS for Aldo by Brendan Moore, Sarah Mogin and Serge Rose
  • Detox — Graybox End-to-End Tests and Automation Library for React Native by Tal Kol
  • Danielle Man - Devtools for GraphQL
  • Serious graphics on React Native by James Ide
19:00

Drinks, food, socializing, music.

Friday, 19 May

08:30

Make sure to get in early.

08:45

Your typical French breakfast with croissants, coffee and more.

10:00

Last years there have been great developments in state management libraries. Both Redux and MobX sprung from the React community and provide stand-alone, generic state management solutions. Both have gained big in popularity, and both have their own strengths and weaknesses. What can we learn from both approaches? Can we get the best of both worlds? Can we add a little Boabab and Cerebral to the mix? Is it possible to create a transparent reactive, snapshotable state container. With support for JSON patches, replayable actions, serialization, complex object graphs. With Redux & MobX compatibility, strong typing and runtime type checks out of the box. Get a glimpse of what next-gen state management might look like with mobx-state-tree. Largely designed by the MobX community and enforcing many best practices that have evolved over the last year.

Dedicated yet mediocre (due to a lack of time) contributor to JS fatigue. Author of MobX. Tech Lead at Mendix

Michel Weststrate       
10:30

Coming soon

Cares a lot about consistent & easy to grasp UI. He created the React UI library Belle and carte blanche with Max, now works full-time on several React/Redux OS projects & more at Stripe.

Nik Graf       

Max travels around the world, brews rad coffee, skis beautiful mountains and makes stuff on the web such as the popular react-boilerplate project, draft.js. He also contributes to react.js, create-react-app, webpack and more.

Max Stoiber       
11:00

Socialize, have some coffee or other drinks.

11:30

Twitter for Mobile Web is a complex PWA built with Node.js, React, Redux, Service Workers, and Webpack. This talk will cover how our team designs and builds one of the world’s most visited web apps. You’ll also hear about React Native for Web; how we approach network and render performance challenges; and how we use new web platform features.

Engineering at @twitter. Author of react-native-web and normalize.css.

Nicolas Gallagher       
12:00
  • Expo Snack by Brent Vatne
  • How to create a React Native reusable component for existing Android apps without knowing a thing about npm or node_modules by Petter Hesselberg
  • Quantifying Best Practices by Jackson Hamburger and Louis Antonelli
  • Leveraging code-splitting in React apps by Glenn Reyes
  • Smarter code-splitting and preloading for React applications by Brandon Dail
12:30

Lunch time! Socialize while eating at our delicious buffet.

14:00

Authoring VR content is time consuming and technically challenging, I’ll be providing an overview of how we are using the core strengths, merits of React Native and building on it to drive and improve app development within Oculus. I’ll go into more detail about the runtimes of both the native Android version and WebVR versions and how we utilize the improved engineer workflow the technology gives us access to.

Former “long time” game developer and now a software engineer in Oculus. Working on React VR and making VR developers lives easier.

Mike Armstrong       
14:30

With the advent of libraries like React, Redux and Immutable.js, it’s clear that there’s a shift away from imperative and object-oriented in the front-end towards a more declarative and functional approach. Meanwhile, libraries like RxJS and Mobx are spreading the use of Reactive Programming to model UIs via discrete, asynchronous event streams. How can we combine the best of both functional and reactive paradigms to model and build predictable UIs that control themselves?

In this talk, Preethi will explain what “Functional Reactive Programming” is, how close React / Redux / Mobx / RxJs and others come in realizing Functional Reactive Programming, and what’s still fundamentally missing from these tools to achieve a true implementation of FRP. Lastly, she’ll describe when and why FRP is suitable (or not suitable) for building predictable and scalable UIs.

Preethi is a Software and UI engineer who designs and builds AI-powered bots. She is passionate about creating amazing user experiences. Besides coding, she enjoys running, writing and reading.

Preethi Kasireddy       
15:00

Socialize, have some coffee or other drinks.

15:30

nc

Making things at Facebook since 2008: React, GraphQL co-creator, Immutable.js, Mobile, JavaScript.

Lee Byron       
16:00

We are biologically trained to notice motion: evolutionarily speaking, our survival depends on it. For this reason, animation when done well can guide your users. It can aid and reinforce spatial maps of our interfaces, and give us a sense that we understand interactions more deeply. For this reason, animation is incredibly powerful to convey meaning, but only when done well.

But animating the virtual DOM comes with some intricacies that affect our implementations. In this talk, we’ll go over animating in React with a variety of methods, comparing and contrasting each. We’ll cover add-ons like ReactCSSTransitionGroup, using external libraries like GSAP, React-Motion, motion using RxJS, and transitioning state with D3. We’ll look inside some real systems, breaking down how we can create reusable components of animation principles for interchangeable yet cohesive patterns.

Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks. She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working on a book for O’Reilly on SVG Animations. Sarah is a cofounder of Web Animation Workshops, partnering with Val Head.

Sarah Drasner       
16:30

Socialize, have some coffee or other drinks.

17:00

React provides an abstraction between the description of a UI and the details of how it’s rendered on a given platform. The problem is that <div> and <span> are a hidden dependency on react-dom, and similarly, React Native’s <View> is an explicit dependency on Native, making both not quite as “cross-platform” as we want them to be. Learn how we as a community can get around these issues, and what we can unlock by doing so.

Software Developer & Imagineer at @airbnb. Author of the Enzyme testing utilities for React and various react-native plugins. Leland like learning, discussing, and diving into challenges.

Leland Richardson       
17:30

Animations can make your app more pleasing to use and help the user understand state changes. This talk will give best practices on when to use them and an introduction of how to implement them in React Native with a deep dive into a new strictly declarative approach similar to CSS animations and transitions.

Joel is a front end engineer working at Klarna, creator of popular open source libraries such as react-native-vector-icons & react-native-animatable, and awarded 10 best apps of 2016 by Apple for the Vogue app.

Joel Arvidsson       
18:00

With React, Redux, ImmutableJS and friends, frontend development strive towards the functional approach proving to yield increased readability and maintainability. However, working in JavaScript, we never truly commit to the paradigm, but what if we did? The Elm language goes fully functional and as suspected, it comes with an ocean of benefits!

React by day | Elm by night ❤️ . Author of elm-plot, contributes to carte-blanche, elm-belle and more.

Tereza Sokol       
18:15

This talk will go over our approach of incremental React Native adoption within an already established native app. We will discuss the various problems that arise from using React Native in such a “hybrid” app model and in particular, discuss inter-app navigation and embedding React Native views into native shells and vice-versa.

Engineer at Facebook on React Native. Ex-Torontonian and Londoner, now in the Bay Area.

Mehdi Mulani     
18:30

This is your opportunity to ask questions to the team.

19:00

Have a last drink before leaving.

Saturday, 20 May

09:00

Our official ReactEurope Hackathon at Mozilla office in Paris from 9am to 9pm on May 20th. IMPORTANT: The address is “16 Boulevard Montmartre, 75009 Paris, France (https://goo.gl/NLbvX1)". Make sure to bring your own laptop and French AC adaptor. Tickets limited.

The schedule of the hackathon is:

  • checkin and breakfast start at 9:00am
  • lunch at 12pm
  • people start presenting their projects at 7pm

Sponsors

Diamond+

Rangle.io

Rangle is North America’s leading digital transformation consultancy that specializes in JavaScript development services and solutions. Coupled with strategy, Lean UX design, consulting, continuous delivery and Agile best practices, Rangle’s team of experts enables clients to create modern mobile and web applications to lead within their industries. In just over four years, Rangle has enabled over 50 companies in diverse industries to achieve success, including Uniqlo, Aldo, BMO, TD and Pacific Life to name a few.
From innovative startups to leading enterprises, Rangle's unparalleled expertise with the Angular and React frameworks have set it apart in a crowded market. Clients consistently turn to Rangle to help expand and execute their vision.

Website Work with us
2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil facilis saepe nam sequi, numquam, nisi! Reprehenderit quisquam ex esse facilis dolor est, quas earum ea, sunt, cupiditate vitae, cumque soluta ab quibusdam.

Website Work with us

Platinum

1

We want to take the pain out of developing and testing for the web on Windows ― whether you're building your sites on a Windows PC, trying to test in Edge on a Mac, or just curious about our roadmap. Come find us on the conference floor, or online at dev.microsoftedge.com - we're here to help!

Website
2

Skybet.com has the equivalent of a Black Friday every weekend, and we're growing fast. Our client-side applications need to handle hundreds of updates per second for immersive, real-time betting experiences and with our aim to Make Betting Better we rely on React to help us achieve our goal.

Website Work with us Twitter

Gold

1

CA <3 JS: we rock react and roll redux. At CA we create software that fuels transformation for companies in the application economy.

Website Work with us
1

Mendix enables everyone to build web and mobile apps 6 times faster than traditional development. Working on our low-code platform increases productivity by letting our users quickly turn your ideas into apps using the latest technologies. Come and join our all-in-one platform and help others manage the complete app life-cycle.

Website Work with us
1

Shoutem's mission is to supercharge React Native development. 80% of the app development is boilerplate. Let us handle, while you focus on developing the unique parts of your app. Use over 20+ open sourced extensions written 100% in React Native. Modify them or write your own from scratch.

Website
1

From content ingestion to the ultimate viewing experience, we're building one of the world's largest video platforms. Find out more: http://engineering.dailymotion.com

Website Work with us
1

Look through the windows at Topshop, Hilfiger or others and you’ll see our work in action. EDITED gives retailers the data they need to create better fashion.

Website Work with us
1

LAB5COM is specialized in OpenSource and Object Oriented technologies. We are experts in Web & Mobile development and in bringing architectural projects to a reality. Our clients count on us to build great projects on innovative solutions, to increase their productivity and to maintain a competitive activity. We apply Scrum and Lean approaches as we believe in the benefits of Agile methods.

Website

Silver

Bronze

1

Created in 1999, Photobox is the European leader in production and distribution of personalized photo-based products. The brand is present in 19 countries all over the world, and counts more than 46 million users worldwide, 19 million of them in France.

Website
1

BAM is a mobile dev shop based in Paris. We help our clients to solve business problems using cross-platform technologies, lean and agile and user-centric approach. We focus on iterating quickly and including all members of the project to create the best product possible.

Website Work with us

Supporters

facebook
airbnb
Twitter
stickermule
moonmail
moonmail
mozilla

Media Partners

ReactJS Paris Meetup
  • 327, rue de Charenton
    Paris, France
    The venue is close to both the CDG & ORY airports and is accessible by subway, bus, tramway & ring road. (Nearby Hotels)

People Behind ReactEurope

organizer 1
organizer 1
organizer 1