LEARN FROM THE BEST
TRAINERS WORLDWIDE

2

Days

8

Trainers

280

Attendees

Workshops

On October 23-24, we'll be hosting multiple workshops targeted at React newcomers and hardcore fans alike. Make the most of your conference experience by supplementing your visit with trainings from our best speakers and trainers.

All trainings start at 9:00 (with doors opening at 8:30) and continue until 17:00. The trainings will be hosted at the separate location, different from the conference venue - Avonmouth House, 6 Avonmouth Street, SE1 6NX.

  • 9:00
    Advanced React
    Kitze

    Full-day, hands-on coding workshop to explore advanced patterns and new features in React. React may be just a simple UI library, but it involves a pretty big ecosystem around it. Explaining the basics and internals is not enough, so in this module we're going to explain the best practices, we're going to learn to "think in React", and apply solutions to real problems that you might encounter in the process of building an app.

    We'll explore all the advanced techniques for making flexible and maintainable React components. We'll see how using popular patterns like Higher Order Components, Compound Components, Render Props etc. can help us in simplifying things, making our components more reusable and our apps more declarative.

    React 16 comes with some major changes and an update to the core algorithm. In this module, we'll explore some practical use-cases for Hooks, Portals, Fragments, Error Boundaries etc. We'll see how the new Context API can simplify state-management and we'll play with a new feature called react-call-return.

    Table of contents

    • Hooks
    • React Context API
    • Higher Order Components
    • Render Props
    • Compound Components
    • Practical use-cases for Portals, Fragments, React.lazy and Suspense<
    • and more..

    Learn more about workshops from Kitze on his website.

    Prerequisites

    Experience with modern JavaScript features and fundamental React concepts

    Workshop level

    Intermediate/Advanced JavaScript/React developers
    17:00
  • 9:00
    Reason & ReasonReact - from Zero to Production Ready
    Nik Graf

    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. We start building a small application using React Hooks. Last but not least we will make use of GraphQL to fetch data from a server and render it our app.

    The "What's included" & Prerequisites sections are still up to date

    Table of contents

    • Introduction to the programming language
    • Reason datastructures
    • Writing your first ReasonReact component
    • Managing state in ReasonReact
    • Interop between JavaScript React and ReasonReact
    • and more..

    Prerequisites

    To attend this workshop you should have worked with React. That said, no experience with Reason, any type system or functional programming is required.

    Workshop level

    Intermediate/Advanced JavaScript/React developers
    17:00
  • 9:00
    TypeScript for React Devs
    Michel Weststrate

    The JavaScript Eco System is moving to TypeScript. Fast. TypeScript has some unique, very powerful features that fit very well with the dynamic nature of the JavaScript language. This workshop will get you up and running with all the basics and the most important advanced patterns of TypeScript.

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

    Table of contents

    • Project setup and migration strategies
    • The basics: Primitives, interfaces, classes, generics.
    • Control flow and type inference
    • "any", "never", and "unknown". Your buddies for life!
    • "type", type operators and modifiers: "private", "readonly", "&", "|", "infer", "this", "typeof", "is", "?" and "!"
    • Typing complex functions and objects: Tuples, index signatures, mapped types, conditional types, variadic arguments, overloading, declaration merging
    • Namespaces and typing external packages

    Read more details on the agenda on Michels website.

    Prerequisites

    Familiarity with React, JavaScript and modern syntax features (ES2015)..

    Workshop level

    All JavaScript/React developers
    17:00
  • 9:00
    Advanced GraphQL: Build Your Own GraphQL Client
    Imran Sulemanji & Formidable Team

    GraphQL in React applications is more popular than ever but modern clients are often seen as complex and confusing. In this full-day workshop we will be demystifying GraphQL clients and will start writing a basic one from scratch. After this workshop you will not only know how modern GraphQL clients work, but how and why they work the way they do – from sending GraphQL queries to caching their responses. Over the course of the day we will design and build a client whilst integrating it into an existing UI.

    This course is brought to you by the team behind urql, the lightweight and extensible GraphQL client.

    Table of contents

    • React hooks API
    • Networking
      • Making queries and fetching data
      • Mutations
      • Subscriptions
      • Error handling
    • Middleware
      • Fetch options
      • Context
      • Exchanges/Links
    • Caching
      • Non-normalised/document caching
      • Query introspection/transformation
      • Cache invalidation

    Prerequisites

    Familiarity with GraphQL syntax and experience using a GraphQL client, eg, Apollo, Relay modern.

    Workshop level

    Intermediate Javascript and React developer
    17:00
  • 9:00
    Building your first Design System: from scratch to production
    Siddharth Kshetrapal

    This is a hands-on workshop for React developers in which you will learn how to define a common language for collaboration and iterate on products faster.

    Learn the best practices of component driven design and how to standardize your design patterns. Leverage React to build design tokens and a component library that can be used in products and can evolve as teams use it. At the end of the day, you will have a small but complete Design system implementation that will cover the full product lifecycle.

    Table of contents

    • What are the moving pieces of a design system
    • How to define a design system for your company
    • Balancing flexibility and consistency across your components
    • Design concepts
      • Doing an inventory of your existing products or on-going design concept
      • Breaking your screens into re-usable atomic components
      • Systemize brand attributes and design decisions into tokens
      • Formalise the definition and usage guidelines into documentation
    • Development
      • Plan the architecture of all the moving parts of the system
      • Creating a technology agnostic library of reusable tokens
      • Staring a component library with fundamental building blocks
      • Combining building blocks to build advanced compound components
      • Defining a consistent, easy to use API across your components
      • Distributing your system with versioning and good documentation
    • Collaboration
      • Designing a cross-functional design system team
      • Creating a implementation strategy and publishing a long-term roadmap
      • Getting buy-in and driving adoption in your company
      • Common roadblocks that you will hit

    Prerequisites

    Working knowledge of React would go a long way.

    Workshop level

    Intermediate/Advanced JavaScript/React developers
    17:00
  • 9:00
    Building Whatsapp in a day with React Native and GraphQL
    Vladimir Novick

    In this full day workshop we will go through the process of creating Whatsapp app in React Native from scratch. We will talk about how to get started, structure our app and create proper navigation workflow, style our screens and create compelling animations. But we will not stop there. Not only React Native is changing mobile ecosystem nowadays, GraphQL is also an important part of how we connect to our backend.

    We will go through GraphQL basics and use it in our Whatsapp app to connect to GraphQL endpoint which we will also define and create during workshop by using free and open source Hasura GraphQL engine. Workshop will give you the ultimate experience of creating React Native app from scratch with GraphQL API.

    Prerequisites

    Familiarity with React, JavaScript and modern syntax features (ES2015).

    Workshop level

    Intermediate/Advanced JavaScript/React developers
    17:00

Trainers

Kitze

ReactAcademy, Poland

Teaching React & Javascript at React Academy. Cares about open source, made and maintains sizzy.co, custom-react-scripts, and mobx-router. He had the chance to work and experiment with a variety of languages and frameworks.

Nik Graf

Freelance

Passionate about ReasonML, WebVR, Skiing & Triathlons. Co-Creator of DraftJS Plugins & Polished. Organizer at ReasonConf.

Michel Weststrate

Freelance, Netherlands

Independent OSS maintainer, speaker, trainer & consultant. Author of MobX, mobx-state-tree, serializr, immer.

Siddharth Kshetrapal

Independent Developer

Sid builds tools for developers. In the past, he worked on Design Systems at Auth0 and as the frontend architect at Practo. He loves talking about design, performance and open source.

Vladimir Novick

Hasura, Israel

Developer advocate at hasura.io, Google Developer Expert, consultant, worldwide speaker, published author, host of the 3factorRadio podcast and OSS contributor. Currently, Vladimir works with Web, Mobile, VR, AR, and IoT technologies and advocates the use of GraphQL and serverless architectures as well as functional languages such as ReasonML.

Imran Sulemanji

Formidable, UK

Engineering Manager at Formidable.

We guarantee

  • Modern training courses from first-class industry experts
  • Small-sized groups for maximum individual attention
  • A focus on practical exercises to promote learning by doing
  • Our friendly team on-hand to answer your questions

If you are a developer

Whether you are looking for skills to help you level up at work, get a promotion, or make yourself more competitive in the job market, our full-day workshops taught by industry experts are designed to get you there. Training in the fastest-growing JavaScript frameworks will make you a developer in demand, opening the door to new and exciting career opportunities. Learn to unleash the full potential of React and React Native and see for yourself!

If you are a business owner

Investing just eight hours in your employees’ development can result in a substantial improvement in performance. Let’s say 10 of your engineers attend a full-day workshop. In the next year, they will put in approximately 20,000 hours of work for your company. If, after the workshop, their performance improves by only 1%, your organization will have gained 200 hours of work in return. That's an impressive outcome for just one day of training!