Training day on April 12, 2018, Amsterdam

Learn from the best trainers worldwide

Workshops at React Amsterdam Conference

On April 12, 2018, just before the main conference day, 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.

Trainings will be held at two locations - IIRE Conference Center, Lombokstraat 40 and A Lab, Overhoeksplein 2 (locations per programmes will be informed closer to date).
Starting from 9:00 in the morning, till 17:00.

Michel Weststrate

Advanced React State Management With MobX Workshop

MobX is one of the most downloaded packages in the React ecosystem. Yet you might not have used it. MobX takes reactive programming to the next level and turns your state into a big, reactive model. The result of that is very straightforward, concise code. For which reason is used in large companies like Microsoft (it powers the new outlook web), SAP and Amazon.
In this workshop will learn all you need to know about MobX and MobX in combination with React. We will start with the basics. What is the philosophy behind MobX? How do you reason with MobX. What is transparent reactivity? You will learn how MobX boosts productivity, but also how to avoid common pitfalls. You will see how you can use MobX to crank out PoCs. And we will discuss how MobX is used at Mendix to manage a problem domain that is described in more than 1500 classes.
In the afternoon we will dive into some more advanced subjects, like modelling asynchronous processes and state hydration. We will take a look at the basics of Mobx-State-Tree, which helps organizing complex problem domains by providing clear architectural patterns, an API to declare your state shape and all the tools needed to do advanced stuff like time travelling, undo / redo, patch generation, middleware etc.
Even when you don't plan on using MobX it yet, just take a day to make yourself familiar with a different way of state management and use it as inspiration.

Table of contents

- The state tree philosophy
- Observable state, derived values and actions
- Combining MobX with React
- Introduction to MobX-State-Tree models
- Testing MobX & MST
- Asynchronous programming in MobX & MST
- Working with complex data models: (partial) data fetching, normalization, references etc
- MobX & MST tips and typical patterns

Prerequisites

To attend this workshop you need to be familiar with the basics of React, as well as most of the new features in ES2015.

Workhop level

Intermidiate (React) -> Expert

Mike Grabowski

React Native Workshop

With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React. In this workshop you'll learn from a React Native core-contributor as he guides you through the framework, ecosystem, syntax, and best practices to build a real-world application.

Table of contents

- Introduction to React Native (setting up project, tools, debug)
- Quick glance at the standard app
- Core components (layout, styling)
- Lists (ScrollView, ListView)
- Navigation
- Animations
- Native modules

Prerequisites

Before the workshop, please follow the installation instructions to prepare all the software dependencies. macOS devices are preferred, but *nix and Windows powered machines would also work, although you won't be able to build iOS applications.
No React Native knowledge is required. Participants should be familiar with Javascript and ideally, basics of React. We will do a quick introduction to both before we start though.

Workhop level

Beginner (React) -> Intermidiate (React Native)

Kristijan Ristovski

React Advanced Workshop

An exclusive full-day, hands-on coding workshop to explore advanced patterns and state-management solutions for React.
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.
Learn practical and production ready techniques and patterns for building performant Redux applications. State management is one of the hardest things to get right in a modern front-end application. Redux is one of the best, proven, and scalable solutions for managing state in a React application, but it's hard to get the architecture right.

Table of contents

- React Context
- Higher Order Components
- Render Props
- Compound Components
- Controlled Components
- Redux advanced techniques
- Redux performance at scale

Prerequisites

To attend this workshop you need to be familiar with the basics of React, as well as most of the new features in ES2015.

Workhop level

Intermidiate (React) -> Expert

Trainers

  • Mike Grabowski

    Callstack.io, Poland

    Head of Open Source, React Native Core Contributor.

  • Kristijan Ristovski

    ReactAcademy, Macedonia

    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.

  • Michel Weststrate

    Mendix, The Netherlands

    Full-stack lead developer and an author of MobX.

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!