Reactathon logo

Workshops

March 19, 20, and 23

GO THROUGH A HYPERLOOP OF PRODUCTIVITY

We’ve assembled a team of top engineers who build with the technologies they’re teaching every day. From core-contributors and senior engineers well-known on the conference and workshop circuit, you’ll learn in hours what they’ve have mastered over years.

Register for each workshop separately

React Fundamentals

BEGINNER

speaker photo

Ben Ilegbodu

Senior UI Engineer

Eventbrite

Prerequisites:

• Working Knowledge of JavaScript

• Familiarity with ES6+

React is a JavaScript UI library that makes creating reusable components easy and efficient. In this workshop, we’ll cover the critical concepts of React via a series of targeted exercises. While iteratively building an app, we’ll learn how to:

• Write readable, reusable and composable components

• Use JSX syntax

• Work with the Virtual DOM

• Handle user interactions and synthetic events

• Leverage ES6 to maintain application state

• Make API calls

• Apply component styling

• Hook into the component lifecycle

• And more…

Prior experience with React is not necessary, but experience with building JavaScript applications will be helpful to hit the ground running. You’ll leave the workshop with all the fundamentals you need to build your own apps with React.

19 March 2018

Full Day (7 hours)


Building Data Vizualizations with React + D3

INTERMEDIATE

speaker photo

Swizec Teller

Senior Engineer

Yup Technologies

Prerequisites:

• Working Knowledge of JavaScript

• Working knowledge of React

• Familiarity with ES6+

Become a data visualization engineer with React + D3v4. Creating dynamic and interactive data visualizations on the web is a pain. It gets really hard when you add animation, inter-connected dashboards, and fast performance on mobile devices. You're either using libraries you can't customize, copy pasting D3 examples you don't understand, or battling documentation to write spaghetti code you can't reuse. It’s okay, we’ve all been there :) In this workshop, you will learn:

• How to build modern data visualization the maintainable way.

• Modeling your code as a state machine in React apps

• D3 Fundamentals

• Different ways to integrate D3 with React

• Investigate the pros and cons of each method

• Build something beautiful together

By the end of this workshop you’ll have the tools you need to build any dataviz challenge your boss or client throws at you. Even if they ask you to animate 20,000 datapoints on a 5 year old phone.

19 March 2018

Full Day (7 hours)


Advanced React Native

ADVANCED

speaker photo

Mike Grabowski

CTO

CallStack

Prerequisites:

• Experienced with JavaScript

• Experienced with React Native

Workshop description coming soon

• Lessons coming soon

20 March 2018

Full Day (7 hours)


Building event-driven serverless applications with React & AWS Lambda

INTERMEDIATE

speaker photo

David Wells

Senior Engineer

Serverless

Prerequisites:

• Working Knowledge of JavaScript

• Familiarity with ES6+

• Familiarity with React

AWS Lambda takes cloud computing to the next level by empowering you to run full-stack applications without the need to manage or provision servers. The Serverless Framework is an open source technology that facilitates building serverless architectures on Lambda & more.

• Deploy your applications as independent functions that respond to events

• Have your backend charge you only when they run, down to the millisecond

• Set up your apps to scale automatically as needed

• Learn AWS Lambda

• Learn the Serverless Framework to stay in your command line and out of the AWS console

Improve your app's speed, simplicity, maintainability, and cost-effectiveness with a serverless architecture. Join Serverless engineer David Wells as he walks you through building an app with AWS Lambda & React.

23 March 2018

Full Day (7 hours)


Fullstack GraphQL

INTERMEDIATE

speaker photo

Johannes Schickling

CEO & Co-founder

Graphcool

Prerequisites:

• Working Knowledge of JavaScript

• Working knowledge of React

• Familiarity with ES6+

GraphQL has drastically changed the way how we interact with APIs by providing a strongly-typed layer for client-server communication. This notably improves performance by letting clients request the specific data they need using a simple and declarative syntax. Thanks to the GraphQL schema which serves as the contract for all possible API operations, GraphQL further introduces many benefits to local development workflows (such as compile-time error checks and editor auto-completion) and the overall API tooling space. In this workshop, you will learn how to:

• Design a GraphQL schema

• Build an deploy a GraphQL server with Node (or TypeScript) and GraphQL bindings

• Send GraphQL queries and mutations to read and write data against the API

• Interact with the API in realtime using GraphQL subscriptions

• Tie your React components to the GraphQL API using Apollo Client

• Make the most out of existing GraphQL tools

23 March 2018

Full Day (7 hours)