Workshops at React Amsterdam

LEARN FROM THE BEST TRAINERS WORLDWIDE

  • 2
    Days
  • 5
    Trainers
  • 350
    Tickets
Workshops at React Amsterdam Conference

On April 10 and 11th, 2019, 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 (with doors open 8:30) and continue until 17:00 and are hosted in individual locations, different from the conference venue but in short reach. Please address individual workshop description for location details and follow your registered mailbox for updates.

Kent C. Dodds

Advanced React (April 10)

Writing applications with React is awesome. But sometimes creating reusable components can be a bit of a trick. And knowing the right level of abstraction and what libraries to use can be frustratingly difficult. Luckily for us, React is constantly getting better. Making React components that can be used in multiple places is not hard. What is hard is when the use cases differ. Without the right patterns, you can find yourself with a highly complex component that requires a lot of configuration props and way too many if statements. With this course, you'll not only learn great patterns you can use, but also the strengths and weaknesses of each so you know which to reach for to provide your components the flexibility and power you need. We'll also take a look at how to use React's built-in state management capabilities to solve common problems for production applications in elegant and simple ways.
I have contributed to and published some of the most successful React components in the React ecosystem. Through that experience, I've learned and taught patterns that enhance flexibility, usefulness, and simplicity. I've taught thousands of developers how to be more effective with React. Join us!

Table of contents
  • - Use the Compound Components Pattern to write React components that implicitly share state while giving rendering flexibility to the user
  • - React Hooks best practices to easily share logic and optimize for performance
  • - Provide total logic control with the Controlled Props and State Reducer Patterns
  • - Take advantage of React’s Context API to share state throughout the application with the Provider Pattern
  • - Use React Suspense for data-loading optimization and lazy-loading of code
Prerequisites

Experience with modern JavaScript features and fundamental React concepts

Workhop level

Intermediate/advanced JavaScript/React developers

Workhop schedule & location

April 10, 8:30 till 17:00 at THT.

Andrey Okonetchnikov & Artem Sapegin

Design Systems for React Developers (April 10)

Development of digital products is a complex process that involves multiple stakeholders and roles: managers, designers, engineers, QA, and customers. This increases the communication overhead, slows down the process, and oftentimes results and less than ideal user experience.

  • - How to communicate design ideas between different stakeholders effectively?
  • - How to deliver consistent UI without constant supervising?
  • - How to ensure same problems not being solved multiple times?

Design systems offer a systematic approach to the process of product creation. This approach establishes an organization-wide design language that can be backed into a UI library and the styleguide and becomes the single source of truth for the entire organization. Component libraries and living styleguides encourage reuse, promote consistency, improve team productivity, help to identify common patterns and solve similar problems only once.

Table of contents
  • - Understand what a design system is and how to start thinking in design constraints
  • - Analyze and split your UI into small reusable components
  • - Setup an environment to create components in isolation
  • - Create a living style guide and start building a component library
  • - Structure your application around components
  • - Write maintainable styles for your components based on the design system
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

Intermediate/advanced JavaScript/React developers

Workhop schedule & location

April 10, 8:30 till 17:00 at THT.

Kitze

Advanced React (April 10)

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

Workhop level

Intermediate/advanced JavaScript/React developers

Workhop schedule & location

April 10, 8:30 till 17:00 at IGC.

Kent C. Dodds

Testing React (April 11)

Developing and deploying production applications with React is one thing, but being confident that you're not shipping a hidden bug is something else! Knowing how to configure and use testing tools is critical to your success in shipping with confidence, and React's model opens up testing productivity most of us couldn't even dream of before.
I have personally written tens of thousands of tests for production applications and my open source modules. Thousands of developers have improved their testing knowledge from my testing training material.

Table of contents
  • - Learn the fundamentals of what a test is and what role testing frameworks play
  • - Configure Jest for a client-side React project
  • - Learn what Code Coverage is and how to properly use that metric
  • - Write unit tests for JavaScript utilities and React components
  • - Learn what snapshot testing is and how to use it effectively
  • - Write integration tests for a React application
  • - Configure Cypress for a web application
  • - Write E2E (end-to-end) tests with Cypress
Prerequisites

Experience with modern JavaScript features and fundamental React concepts.

Workhop level

All JavaScript/React developers

Workhop schedule & location

April 11, 8:30 till 17:00 at THT.

Kitze

GraphQL Workshop (April 11)

This one-day workshop will teach you everything you need to know to incorporate GraphQL into your application. During the first half of the workshop, we'll explain the basics of a GraphQL and we’re gonna build a GraphQL server, covering best practices for architecting your schema, error handling, authentication, and permission layers.
In the second half of the workshop, we’ll connect our GraphQL server to a React application with Apollo Client. We’ll break down the modular architecture of the client and teach you how to set everything up and use queries and mutations. We’ll show a few different approaches for working with Apollo: Higher Order Components, Render Props, and hooks. Throughout the course of the workshop, you’ll learn practical tips for using GraphQL in production.

Table of contents
  • - Basics of GraphQL
  • - Set up a GraphQL backend
  • - Setup authentication and permissions layers to secure your GraphQL APIs
  • - Using GraphiQL to explore and test your GraphQL API
  • - Setting up a GraphQL client with Apollo
  • - Fetching and rendering data in your react app with GraphQL queries (using HOCs, render props, hooks)
  • - Inserting data with GraphQL mutations
  • - Updating and deleting data with GraphQL mutations
  • - Updating the store after a mutation
  • - Optimistic updates

Learn more about workshops from Kitze on his website.

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

All JavaScript developers

Workhop schedule & location

April 11, 8:30 till 17:00 at IGC.

Max Stoiber

Modern React (April 11)

After some years of silence, React team had recently landed a number of new additions to it's library enabling application developers to optimize their code both for better performance and maintainability. Max will guide your through emerging patterns and show you by example how you can start applying the new best practices in your production apps.

Table of contents
  • - Using React Hooks
  • - Getting started Concurrent React (Suspense and Time Slicing, previously called "Async React")
  • - Why do React.lazy and React.memo exist?
  • - Utilising Compound Components
  • - Render Props
  • - Performance Profiling with the new React DevTools
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

Intermediate/advanced JavaScript/React developers

Workhop schedule & location

April 11, 8:30 till 17:00 at IGC.

Alex Lobera &
Horacio Herrera

React Native Workshop (April 11)

On completion of the training each trainee will:

  • - Understand the core user interactions in React Native
  • - Be able to create reusable and maintainable React Native UI
  • - Understand the best practices and patterns for building real-world production-ready React Native applications

Table of contents
  • - Foundation (Architecture, Project setup, Layout, Styling, Forms)
  • - Navigation (Types of navigations, react-navigation
  • - Animations (Basic Animations, Animated API, Composing animations)
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.

Workhop level

Intermediate JavaScript/React developers, Junior React Native developers

Workhop schedule & location

April 11, 8:30 till 17:00 at THT.

Trainers

Kent C. Dodds
Kent C. Dodds
PayPal, United States
Kent C. Dodds works at PayPal as a full stack JavaScript engineer. He represents PayPal on the TC39. He's actively involved in the open source community. Kent is the creator of TestingJavaScript.com and he's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and React.
Kitze
Kitze
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.
Max Stoiber
Max Stoiber
Spectrum, Austria
Max is the technical cofounder of Spectrum.chat, the community platform of the future. He also makes styled-components, react-boilerplate, micro-analytics and a bunch of other open source projects and he co-organises the ReactVienna meetup. He loves to travel, to brew rad coffee and to ski beautiful mountains.
Alex Lobera
Alex Lobera
ReactJS.Academy / LeanJS
Experienced Full-stack Developer passionate about JavaScript, React and GraphQL. 15 years of experience in the software industry, including successful startups like Stella&Dot. Instructor & speaker. Organizer of the JavaScript London Meetup and other popular meetups in the EU. Alex started developing with React in April 2015 and taught his first React workshop in May 2016. Alex holds a computer science degree and he is also a certified Spanish teacher.
Horacio Herrera
Horacio Herrera
ReactJS.Academy / LeanJS
Horacio is a Designer, front-end developer and coach at LeanJS. He started working with startups as a front-end designer, and quickly changed his path towards front-end development, UI/ UX. Horacio is passionate about building products that deliver real value to users, and making users happier with them. Horacio is extremely passionate about React Native and the winner of the last React Native hackathon at the ReactEurope. Horacio is also part of the react-navigation organizations maintainers.
Andrey Okonetchnikov
Andrey Okonetchnikov
Freelance, Austria
Andrey is a Russian-born UI developer with an experience in both design and development who specializes in interaction design, design systems and modern frontend development. Andrey is a co-organizer of ReasonConf, ReactVienna community, and co-creator of ColorSnapper — a macOS color picker, maintainer of several popular open source projects like react-dropzone and lint-staged. He loves mountain biking, snowboarding, and specialty coffee.
Artem Sapegin
Artem Sapegin
Wayfair, Germany
Artem is a frontend developer living in Berlin, passionate photographer and owner of crazy dogs. Creator of React Styleguidist.
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!