ReactEurope

08:45 - 09:45

Workshop Checkin & French Breakfast

Make sure to get in early.

09:30 - 17:30

Workshop: Build Great Websites and Apps using Gatsby.js with the team from Gatsby

Learn to build a professional and fast websites and apps in a day with the team from Gatsby.js including Josh Comeau and Madalyn Parker.

The main topics will include:

• Getting started with Gatsby
• CSS and layout
• Querying data with GraphQL, working with CMS' like Contentful or Wordpress
• Routing, creating pages programmatically
• Accessibility
• Animations and interactions
• Authentication, having protected routes
• Leveraging the Gatsby Ecosystem with starters, plugins, and themes
• Deployment and profiling

Ticket includes breakfast and lunch. It does not include the conference ticket. The workshop requires beginner-to-intermediate React skill.

Josh Comeau

Software engineer at Gatsby. Technological craftsman. Author of Guppy, contributes to many open source projects. Cat person.

Madalyn Parker

a11y @ Gatsby

09:30 - 17:30

React.js Workshop - Day 1

Learn from the best with a 2-day workshop this May 12 and 13th from 8:45am to 5:30pm

Learn about the upcoming core features of React such as concurrent mode, Suspense for Data Fetching, server side rendering and strengthen your knowledge of the latest patterns such as hooks and other techniques in order to help you take full advantage of the latest version of React and build rock solid components with the best user experience possible.

This workshop will be done by Nik Graf and another awesome instructor to be announced soon.

Nik Graf

Nik is a software developer and passionate about good UX, functional programming and dev tools. He co-organizes ReasonConf and produced the free Egghead Reason course. In addition he co-created several popular open source projects like DraftJS Plugins & Polished. In his spare-time he enjoys cycling & skiing.

09:30 - 17:30

React Native Workshop - Day 1

Learn from the best with a 2-day workshop this May 12th and 13th from 8:45am to 5:30pm with Eric Vicenti, the creator of React Navigation and aven.io, and Jon Samp, React Native dev at CodeCademy and creator of react-native-header-scroll-view. This workshop will teach you how to write professional user experience using React Native with animation, fast navigation, transitions, performance, web and more.

The workshop requires an intermediary level in React.js and React Native (>= 3month experience). More details coming soon. Ticket includes breakfast and lunch. It does not include the conference ticket.

Eric Vicenti

Creator of Aven, a full-stack framework for web and React Native apps. Author of React Navigation. Formerly on Facebook’s open source team and the React Native team.

Jon Samp

Software engineer, @expo. Love JavaScript & React Native. singleoriginapp.com

09:30 - 17:30

Full Stack React with GraphQL and AWS Amplify Workshop

In this workshop you’ll learn how to build a serverless full stack React app using the Amplify Framework by building an events app. You’ll learn how to add authentication, protected client routes, and an authenticated GraphQL back end complete with user authorization and a profile view.

Nader Dabit

Specializing in React, React Native, and cross-platform application development.

08:45 - 09:45

Workshop Checkin & French Breakfast

Make sure to get in early.

08:45 - 16:45

React Native Workshop - Day 2

Learn from the best with a 2-day workshop this May 12th and 13th from 8:45am to 5:30pm with Eric Vicenti, the creator of React Navigation and aven.io, and Jon Samp, React Native dev at CodeCademy and creator of react-native-header-scroll-view. This workshop will teach you how to write professional user experience using React Native with animation, fast navigation, transitions, performance, web and more.

The workshop requires an intermediary level in React.js and React Native (>= 3month experience). More details coming soon. Ticket includes breakfast and lunch. It does not include the conference ticket.

Eric Vicenti

Creator of Aven, a full-stack framework for web and React Native apps. Author of React Navigation. Formerly on Facebook’s open source team and the React Native team.

Jon Samp

Software engineer, @expo. Love JavaScript & React Native. singleoriginapp.com

09:30 - 17:30

React.js Workshop - Day 2

Learn from the best with a 2-day workshop this May 12 and 13th from 8:45am to 5:30pm

Learn about the upcoming core features of React such as concurrent mode, Suspense for Data Fetching, server side rendering and strengthen your knowledge of the latest patterns such as hooks and other techniques in order to help you take full advantage of the latest version of React and build rock solid components with the best user experience possible.

This workshop will be done by Nik Graf and another awesome instructor to be announced soon.

Nik Graf

Nik is a software developer and passionate about good UX, functional programming and dev tools. He co-organizes ReasonConf and produced the free Egghead Reason course. In addition he co-created several popular open source projects like DraftJS Plugins & Polished. In his spare-time he enjoys cycling & skiing.

09:30 - 17:30

Next.js Workshop: Build a professional Next.js app with the core team

Learn to build a professional Next.js app in a day with the very core team from Next.js including Joe Haddad and JJ Kasper.

• Introduce Next.js (what is it, what values it provides)
• Explain Next.js' Router (pages/ or src/pages)
• Explain and Demo Dynamic Routing
• Showcase automatic prefetching for fast performance (and how to disable for seldom visited pages)
• Introduce API Routes, showcase hot reloading
• Introduce TypeScript Support
• Fetching Data in your Pages (with shared API type shapes 😌)
  • getInitialProps
  • React Hooks
  • Explain benefits / drawbacks of both
• Authentication example
• Deep dive into Next.js environment (build vs runtime)
• Maybe include how to manage, .envrc or dotenv
• Heavy CMS or Static content example
• Maybe Notion blog example
• Showcase AMP support
• Showcase client-side only rendering technique
• Maybe showcase internationalization (?)
• Show how to integrate with styled-components (considerations of SSR and CSR)

Ticket includes breakfast and lunch. It does not include the conference ticket. The workshop requires beginner-to-intermediate React skill and beginner skills in TypeScript.

Joe Haddad

Software Engineer at ▲ZEIT. Maintainer of Next.js and Create React App.

JJ Kasper

Software Engineer @zeithq | Next.js | Open-source

09:30 - 17:30

Modern Forms in React

This workshop will take the students from building a two-field form using just useState() hooks through to using a form library to manage complex form data such as field arrays, with support for field-level and record-level client-side validation as well as submit validation, third party input components and more. It will also touch on more complex concepts like minimizing field re-renders with a useField() hook, as well as subscribing to certain parts of form state with a useFormState() hook.

Beyond only forms, the app we build will talk to a GraphQL backend to load data into the form and mutate it upon form submission using Apollo Client, using hooks, of course!

Students will walk away confident in their knowledge of how to build forms of any complexity with great UX.

Erik Rasmussen

American expat javascript developer, author of Redux Form and React Final Form.

08:30 - 19:30

Keynote sessions

More details coming soon. Breakfast, lunch and dinner included.

08:30 - 19:30

Keynote sessions

More details coming soon. Breakfast, lunch and drinkup included.

09:30 - 17:30

Workshop: TypeScript for React (and GraphQL) Devs with Michel Weststrate

The React community is moving to TypeScript fast and it can be hard to keep up, what better occasion to learn about both TypeScript and how to migrate a React app to it than with Michel Weststrate who wrote MobX using TypeScript and is an expert in the field?

This workshop will take place on the 16th of May from 8:45am to 5:30pm in Paris. The JavaScript ecosystem is moving to TypeScript. Fast. This workshop will get you up and running with the basic and more advanced patterns of TypeScript. TypeScript has some powerful features, that fit very well with the dynamic nature of the JavaScript language. In this workshop we will cover all the essentials and some of the unique features of TypeScript.

GraphQL is also taking over the world and has typing included, however, it's a pity that you often have to define your typing twice, once in your GraphQL backend and then again on the client. Michel will show you how to make this process easier during the workshop.

But beyond that, this is a workshop for React devs! To practice the theory, during the hands-on parts of this workshop we will be migrating an application from plain JavaScript to TypeScript.

Ticket includes breakfast and lunch. It does not include the conference ticket. The workshop requires familiarity with JavaScript, React and modern syntax features (ES2015).

Michel Weststrate

Software Engineer at facebook. Michel has been working with TypeScript full-time for the last 3 years. He authored several open source libraries (such as MobX and MobX-state-tree) that are written in TypeScript and leverage some of it's finest features.

09:30 - 17:30

Workshop: Build Great User Experiences with Concurrent Mode + Suspense with Relay (May 16th)

Sibelius Seraphini, one of the most proficient open source contributor in the community, will be giving a workshop on Relay.js with all the latest bells and whistle.

If like us, you religiously watched the latest presentations on how the React, Relay and Facebook webcore team cooperated to build the new Facebook F5 and if you've been wanting to build the same optimizations that come with concurrent mode into your own apps, then this workshop is for you! 

• Here are some of the points you will learn:
• Best Practices for Suspense
• Load Data Incrementally: Dynamically loading code and using fragments for your components
• Render As You Fetch pattern via the preloadQuery() and usePreloadedQuery()
• Using useTransition to make route transitions more seamless
• usePaginationFragment for colocation of data-dependencies with the view and for pagination
• using the relay compiler to take advantage of TypeScript types with GraphQL types

You'll learn how to put all these techniques together to bring the best experience possible to your users.

And if it get releases by May, we'll also include the new ssr api and more.

While relay has had a reputation of being a bit more complex than other GraphQL clients alternatives, it's been way more simple and flexible since the Relay Modern release and Sibelius is a really passionate early user of it and he will make a great job of explaining it to you. Relay also remains unmatched when it comes to optimizations, cache management, concurrent mode and more.

Ticket includes breakfast and lunch. It does not include the conference ticket. Good knowledge of React and beginner in TypeScript and GraphQL are required.

Sibelius Seraphini

Abstraction Engineer