LEARN FROM THE BEST
TRAINERS WORLDWIDE

2

Days

8

Trainers

280

Attendees

Workshops

On October 23-24, to extend your conference experience, we'll host multiple workshops targeted both at the React newcomers and hardcore fans.

Take the full advantage of your conference visit and get training from our best speakers and trainers.

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

More workshops descriptions to be added soon.

  • 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 course from the first class industry experts
  • Small sized groups for maximum individual reach
  • A focus on practical exercises, so you'll learn by doing
  • Our friendly team on hand to answer your questions

If you are a developer

Whether you're looking for skills to help you level up at work, get a promotion, or make yourself more competitive on the job market, our full-day workshops taught by the industry experts are tailored to get you there. Skyrocketing JavaScript frameworks will make you a developer in demand. Release full potential of React and React Native to discover new exciting career opportunities!

If you are a business owner

Investing just 8 hours into your employees’ development can result in a sufficient performance improvement. Let’s say, 10 of you 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 in return will gain 200 hours of work. Impressive outcome after one training day only!