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.

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

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.

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.