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!
Espace Charenton
May 18th-19th from 8:30am to 7:00pm
May 18th-19th
May 18th
React core member. Currently working on reason. Creator of React Motion.
Engineer at Facebook · Jest · Relay · React · Auphonic · TUGraz.
Engineer at Facebook, working on React. Co-creator of Redux, creator of Recompose.
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.
Making things at Facebook since 2008: React, GraphQL co-creator, Immutable.js, Mobile, JavaScript.
Co-founder of Parse, now at Facebook. Manager of the Facebook Open Source team.
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 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.
Mad scientist at Facebook. Built websites for myntra, yahoo, visa, and others. Plays a blue guitar. Author of glamor.
Writing React Native devtools and services at Expo, Rust in mythical free time.
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.
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.
Engineering at @twitter. Author of react-native-web and normalize.css.
Dedicated yet mediocre (due to a lack of time) contributor to JS fatigue. Author of MobX. Tech Lead at Mendix
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.
Engineer at Facebook on React Native. Ex-Torontonian and Londoner, now in the Bay Area.
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.
React by day | Elm by night ❤️ . Author of elm-plot, contributes to carte-blanche, elm-belle and more.
Ex-CTO @ Redfin. Author of react-dom-stream, a streaming server-side rendering library for React.
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.
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.
Former “long time” game developer and now a software engineer in Oculus. Working on React VR and making VR developers lives easier.
Make sure to get in early.
Tooling (1⁄2 day)
Advanced React Topics (1⁄2 day)
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.
Front-end web/mobile developer working on Expo and one of React Native top committers.
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.
Writing React Native devtools and services at Expo, Rust in mythical free time.
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:
Make sure to get in early.
Building a GraphQL Server /w Apollo (1 day)
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.
Front-end web/mobile developer working on Expo and one of React Native top committers.
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.
Writing React Native devtools and services at Expo, Rust in mythical free time.
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:
Mad scientist. Built websites for myntra, yahoo, visa, and others. Plays a blue guitar. Author of glamor.
Make sure to get in early at 323bis Rue de Charenton, 75012 Paris https://goo.gl/maps/t4FKT93C25u
Your typical French breakfast with croissants, coffee and more.
A few words from our sponsors
Socialize, have some coffee or other drinks.
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.
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.
Lunch time! Socialize while eating at our delicious buffet.
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.
Socialize, have some coffee or other drinks.
nc
Writing React Native devtools and services at Expo, Rust in mythical free time.
Socialize, have some coffee or other drinks.
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.
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.
Drinks, food, socializing, music.
Make sure to get in early.
Your typical French breakfast with croissants, coffee and more.
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.
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.
Socialize, have some coffee or other drinks.
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.
Lunch time! Socialize while eating at our delicious buffet.
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.
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.
Socialize, have some coffee or other drinks.
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.
Socialize, have some coffee or other drinks.
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.
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.
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!
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.
This is your opportunity to ask questions to the team.
Have a last drink before leaving.
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:
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.
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!
WebsiteSkybet.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 TwitterCA <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 usMendix 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 usShoutem'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.
WebsiteFrom 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 usLook 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 usLAB5COM 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.
WebsiteCreated 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.
WebsiteBAM 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
What people said
What our previous attendants had to say about ReactEurope 2016.
Blogs
ReactEurope articles