Make sure to get in early.

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.

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.

Learn from the best with a 2-day workshop this May 21st and 22nd from 8:45am to 5:30pm at Espace Charenton. In this workshop, Olivier Tassinari (co-creator of MaterialUI) and Greg Bergé (creator of svgr and smoothui) will go through all the new things in React 17 from the new suspense API, time slicing, hooks, lazy, memo and the new SSR 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.

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

Learn from the best with a 2-day workshop this May 21st and 22nd from 8:45am to 5:30pm at Espace Charenton with Vincent Riemer, the creator of React Native DOM and Brent Vatne, React Native contributor from Expo. This workshop will teach you how to write professional user experience using React Native.

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.

Program will be split into the two days and it includes:

• Navigation
• Gestures: react-native-gesture-handler
• Animations: Animated → react-native-reanimated
• Integrating with OAuth providers
• Lists
  • FlatList
  • SectionList
  • Performance considerations for lists
• TypeScript integration
• Testing
  • Jest
  • react-native-testing-library
• Configuration
• Production
  • Over the air updates
  • Error reporting (Sentry)
  • Analytics
• Web
  • Basics of using react-native-web, explain the idea of sharing primitives across platforms
  • Example with react-native-dom

Reason is a new functional, JavaScript-like language with a strong type-system and first level React bindings initiated by Jordan Walke, the creator of React.

In this workshop you will first learn about the syntax and semantics of the programming language Reason. Further we explore powerful concepts like pattern matching and Variants. Half way through we are going to write our first ReasonReact component followed by an exercise of adding ReasonReact components to an existing React application. Last but not least we will make use of Reason-Apollo to retrieve data from a GraphQL endpoint.

AWS Amplify is a CLI & JavaScript library that allows developers to quickly build serverless web & mobile applications offering features like authentication, managed GraphQL APIs, hosting, serverless functions, & storage among other things.

AWS Amplify enables traditionally front-end developers to leverage their existing skillset to move further up the stack, allowing them to build full stack we & mobile applications by leveraging a large ecosystem of managed & serverless features

In this workshop, we’ll start from scratch building a fully-featured cloud-enabled React application implementing features like user sign-up & sign-in, a managed GraphQL API with user authorization & fine-grained access control, image storage, & we’ll host the app on AWS. We’ll also learn how to implement & interact with serverless functions.

By the end of this workshop, attendees will have leveled-up their productivity while leveraging their existing React knowledge & JavaScript skillset.

Make sure to get in early.

Learn from the best with a 2-day workshop this May 21st and 22nd from 8:45am to 5:30pm at Espace Charenton. In this workshop, Olivier Tassinari (co-creator of MaterialUI) and Greg Bergé (creator of svgr and smoothui) will go through all the new things in React 17 from the new suspense API, time slicing, hooks, lazy, memo and the new SSR 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.

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

Learn from the best with a 2-day workshop this May 21st and 22nd from 8:45am to 5:30pm at Espace Charenton with Vincent Riemer, the creator of React Native DOM and Brent Vatne, React Native contributor from Expo. This workshop will teach you how to write professional user experience using React Native.

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.

Program will be split into the two days and it includes:

• Navigation
• Gestures: react-native-gesture-handler
• Animations: Animated → react-native-reanimated
• Integrating with OAuth providers
• Lists
  • FlatList
  • SectionList
  • Performance considerations for lists
• TypeScript integration
• Testing
  • Jest
  • react-native-testing-library
• Configuration
• Production
  • Over the air updates
  • Error reporting (Sentry)
  • Analytics
• Web
  • Basics of using react-native-web, explain the idea of sharing primitives across platforms
  • Example with react-native-dom

Learn from the creator of Guppy, Josh Comeau how to make your react app more whimsical with fun animations that make your app more lively on the 22nd of May with a 1 day workshop from 8:45am to 5:30pm at Espace Charenton.

Whimsical Web Animations with Josh Comeau

This 1-day workshop will cover a bunch of tools and techniques that can be used to create rich, delightful interactions and animations with React. We’ll create Facebook-style “Text Delight” animations from scratch, dig into Twitter-style micro-interactions, and create some really over-the-top animations using Canvas and SVG. There are a lot of powerful tools at our disposal, from modern browser APIs to powerful libraries like React Spring and Pose, and we’ll learn how to leverage them to do complex things in record time.

Requires beginner-to-intermediate React skills (should feel comfortable with props/state, lifecycle methods, and refs)

Covered subjects:

• Thoughtful application of animation and interaction
• CSS transitions and keyframe animations
• JS animation with React hooks
• React libraries: React Spring and popmotion Pose
• Particle effects
• HTML Canvas animation
• SVG animation (Bezier curves!)
• CSS clip-path animation
• CSS image sprites with steps()

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

Developers interested in GraphQL can come to this workshop and learn how to build full-fledged and full stack React apps with GraphQL using an open source stack. Unlike your typical GraphQL workshop, this one will also take you through taking care of the backend to fully understand how a Fullstack GraphQL project works, thanks to the open source serverless GraphQL Engine that will be used though, you won’t be spending too much time either writing server code and will be able to focus on your React app.

We’ll be covering the following topics:

1. GraphQL basics

2. Set up a GraphQL backend with Hasura

3. Using GraphiQL to explore and test your GraphQL API

4. Making your IDE (Atom/VsCode) ready for GraphQL with autocomplete and linting

5. Setting up a GraphQL client with Apollo

6. Fetching and rendering data in your react app with GraphQL queries

7. Inserting data with GraphQL mutations

8. Updating, deleting data with GraphQL mutations

9. Realtime GraphQL I - Building a realtime UI with live-queries over GraphQL subscriptions

10. Realtime GraphQL II - Reacting to events with GraphQL subscriptions

11. Setup authentication and access control to secure your GraphQL APIs

Bonus content: Running complex business logic with serverless and capturing asynchronous output with GraphQL subscriptions

By the end of the workshop, developers will have increased their knowledge & will be able to build out full-fledge and full-stack web applications by using their existing React and JavaScript skill set with easy to use open source serverless backend and database.

We’ll be at The Frog Bercy to share a few drinks together starting 6:45pm.

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

Your typical French breakfast with croissants, yogurt, fruits but also eggs and bacon, coffee and more.

The state of React and its future.

Most developers agree that performance is super important, but performance is a broad topic, and discussion tends to focus on the initial load experience. But what about everything that comes after that? Once the product is fully-interactive, what’s the experience like?

This talk is a deep-dive into building smooth, jank-free web experiences with React. We’ll look at how we can use Hooks and modern browser APIs to build incredible, delightful products that run great across devices.

Socialize, have some coffee or other drinks.

React-spring is a popular React animation library that explores physics based UI animation. This talk will be about the state of React animation in general, the methods and techniques employed, the journey we took with react-spring, and how Reacts new hooks feature can change the way animation is supposed to work for the foreseeable future. Animated hooks can mend the gap between the declarative and the imperative and express intent more clearly, which has big implications on not only the moving thing itself but also with how we combine it with all the other things going on around it, from the data-model to user interaction.

How WordPress built its own brand new visual editor experience from the ground up with React. The talk will include an introduction of WordPress and how the Gutenberg Editor project started, details of how it works and how we incrementally improved the block editor over two years, and what our plans are for the future.

Lunch time! Socialize while eating at our delicious buffet.

ReasonReact recently got a major overhaul. In this talk we explore the next version writing blazing fast, statically typed components using React Hooks. Once thrilled we add a little bit of genType’s magic on top of it, in order to compile our components to TypeScript, Flow or untyped JavaScript. Your co-workers won’t even believe they are compiled from a different language!

Revery is a high-performance, React-inspired, native application stack built on top of the Reason programming language. This talk will explore how Revery, along with Reason, enable you to leverage your ReactJS skills to build “totally native” applications. We’ll discuss the motivation behind Revery, explore the technology stack, and showcase the native Reason toolchain. We’ll dive into what “totally native” means - and how it differs from React Native. We’ll also highlight several other developments in the “totally native” React space.

Socialize, have some coffee or other drinks.

Tools and strategies for growing your state-of-the-art React PWA to a global scale.

More details coming soon.

Socialize, have some coffee or other drinks.

Since the early 2000’s the name DJ Fresh has been synonymous with innovation. The cutting edge drum and bass sounds of drum and bass outfit Bad Company served as a backdrop to his early 2000’s tech startups, the award-winning forum Dogsonacid.com, and anti-piracy startup Darkstar LLC. But after 20 years of success in the music industry including signing acts like Pendulum and Chase and Status to his label Breakbeat Kaos and having the UK’s first ever Drum & Bass and Dubstep Number 1 records, Dan Stein contracted cancer, and after a narrow brush with death realised that he needed a change of pace. In 2017, he attended a Ruby boot-camp and two years later is a Machine Learning Developer at leading education research company HT2 Labs in Oxford, where his work has helped to win innovation awards. Stein believes that as our lives become more and more intertwined with technology that there are roles for everyone to be passionate about in the world of Tech. He’s here to tell us his story and explain why he thinks that developers are ‘Hot Right Now’.

Doing cross screen shared-element transitions can be difficult to do, if possible at all. Both the router and the view have an important role to play to make these delightful effects possible. In this presentation Hein will dive further into shared element transitions (aka magic-moves), how you can achieve them using react-native-magic-move; and what additional work needs to be done to make this is a first class feature in react-native.

GraphQL and mobx-state-tree are match made in heaven; both are a model first oriented technologies. GraphQL optimizes data fetches and mutations. Adding mobx-state-tree to this mix, makes this model even richer: It allows client only state, actions and derived data to be mixed into our data models. We can go even further and mix in different behavior for different types of clients, while still using our GraphQL models as source of truth. Finally we can have the best of both worlds: straightforward data propagation, over the network and in the client. Leveraging the DX convenience and performance optimizations of both technologies.

• 18:30 Sébastien Picq on “My 1st experience with TypeScript”
• 18:35 Olga Petrova on “Visual feature engineering for Machine Learning with React”
• 18:40 Horacio Herrera on nc
• 18:45 Josh Hargreaves on “Achieving great performance in react native apps.”
• 18:50 Olivier Tassinari on “Material-UI v4 and beyond”
• 18:55 Sebastian Szewczyk on “React Profiler - optimising & debugging React / React Native code with ease.”
• 19:00 Artur Kenzhaev on “Write semantic markup and styles, as the soul wants.”

Drinks, food, socializing, music.

Make sure to get in early.

Your typical French breakfast with croissants, yogurt, fruits but also eggs and bacon, coffee and more.

Writing UI that can be accurately translated often comes with tradeoffs. If the text is sufficiently complicated, engineers have to take great pains (write conditionals, which are often error-prone) to ensure it is accurately rendered in other languages. Additionally, engineers are often either required to (a) keep strings separate from UI, or (b) keep translatable text simple enough to be extracted from UI source.

Fbt is an explicit markup language that tackles complexity and keeps UI text bundled with the relevant source code. This has the added benefit of keeping UI source self-documenting. This markup is parsed at build-time with text collected and sent to translators. The framework enables engineers to write text that would normally be tedious and error-prone in a succinct and accurate way.

More details coming soon.

Socialize, have some coffee or other drinks.

With Fiber, React has embraced a scheduling-first approach. This has enabled features like time slicing and Suspense–but at what cost? Is scheduling just a workaround for React being too slow? This talk will dive into the answers to those questions (and more), outlining the importance of scheduling not just to React but to the web in general.

• 12:00 Lisa Gagarina on “testing”
• 12:05 Jonathan Yung on “Building and Maintaining Accessible Experiences at Scale”
• 12:10 hasura on nc
• 12:15 Rohit Roy on “Client AB : Building Features/React Components for AB testing”
• 12:20 Michal Sänger on “Cross platform UI in Kiwi.com”
• 12:25 Charles Mangwa on “Stacks on stacks in React Native”
• 12:30 Forrest Frazier on “React Native: How a 10 week experiment lead to 3+ years of client engagement.”

Lunch time! Socialize while eating at our delicious buffet.

Security and privacy are more important than ever in modern apps yet still continue to be an afterthought during the development and test cycles. Concepts around authorization, signing, and fine grained access control can be tackled and modern patterns such as GraphQL give us powerful tools to accomplish these requirements. This session will give details on lessons learned and solutions the AWS Amplify team encountered over the past year when working with customers building applications, and the differences implementing across React and React Native.

Forms are an ubiquitous element in the web. Most of web ecosystem tackled this subject years ago (Rails, Symfony, …), however, what about the JavaScript (especially SPA) ecosystem?

While most of current solutions (redux-form, Formik) provides full-features and widely used solutions, we are gonna focus on “typed forms”.

In a JavaScript ecosystem being more and more “typed” with the expansion of both GraphQL and TypeScript, why not take advantages of typed data? “Typed-data” means, no more duplicated logic between the back-end and the front-end (fields list, validation, etc).

We will explore an alternative way to manage forms using types and GraphQL.

Socialize, have some coffee or other drinks.

There will be two lightning talks at the end of this break at 3:20pm:

• Component Styles as API: Layout vs Appearance by Marc Robichaud
• Performance By Default: Make the Right Thing the Easy Thing by Mike Allanson

More details coming soon.

More details coming soon.

Socialize, have some coffee or other drinks.

There will be two lightning talks at the end of this break at 4:50pm:

• Brown field RN app with multiple React roots as individual npm packages by Francois Roland
• Crafting your component development experience with Lerna and Storybook by Erik Nguyen

While building for the web, you might be using aria labels to make your websites accessible although what about the native world? You should make your apps accessible to provide a great experience to all your users. In this talk, we will talk about why you should care about a11y, how you can make your react native apps accessible, accessibility standards your app falls into, common patterns to follow, how voice over works and also some suggestions to make this native world a better and inclusive place for everyone.

Since its creation in 2016, Yarn continuously pushed for a better state of the tooling in the JavaScript ecosystem by implementing innovative features such as workspaces or Plug’n’Play. More recently, the project announced its roadmap for its next major release, dubbed Berry. Let’s see what it has in store, and how it will help you in your daily work.

More details coming soon

This is your opportunity to ask questions to the team and speakers.

Have a last drink before saying goodbye.