Workshops Included for Ticketholders
Get a full-access pass to attend any one of the following live workshops (and more -- to be added and announced soon!) Workshops are each 2 hours long, kick off each of the 3 days of the conference. All times are in US-Pacific time.
Learn how to monetize your Jamstack app, and add auth, in less than two hours.
- Able to fetch an API
You’ll leave this 2-hour workshop knowing how to make money with your Jamstack app!
Engineer & Instructor
Make Your React Components more composable with the ‘Compound Components’ Pattern
You’ll leave this full-day workshop knowing some of the most powerful (and fun!) technologies that make web development in 2020 so amazing.
Open Source Developer
Folks are saying the "The productivity is just insane!". Experience it for yourself
Blitz.js is a new fullstack framework that's built on Next.js. It adds a revolutionary "zero-API" data layer that abstracts the API into a compile step so you don't have to mess with it. No REST, no GraphQL. Simply import the server code into your components and BOOM it just works. And you still get client side rendering without relying on SSR. On top of that, it adds a number of conventions and tooling that are heavily inspired by Ruby on Rails. This results in the most productive experience for building fullstack React apps that we've ever seen. In this workshop we'll build a full Blitz app from the ground up, learning a bit about everything including the following:
- Use the Blitz authentication system for user sign up and log in
- Use Prisma 2 to manage and access your database
- Write Blitz queries to read data on the client
- Write Blitz mutations to write data from the client
Recommended Prerequisites -- You will get the most out of this workshop if you:
- Are comfortable with React
- Know a bit about databases and reading & writing data to them
Author & Maintainer
ReduxForm & FinalFormJS
This workshop will take the students from building a two-field form using just useState() hooks, then adding validation, through to using a form library to manage complex form data such as field arrays, with support for field-level and record-level client-side validation as well as submit validation, and more. It will also touch on more complex concepts like minimizing field re-renders with a useField() hook, as well as subscribing to certain parts of form state with a useFormState() hook. Students will walk away confident in their knowledge of how to build forms of any complexity with great UX.
GraphQL is changing the way that we think about data in our applications.
So what does this mean for front-end developers and specifically React developers? In this hands-on workshop, we’ll take a closer look at how to power up your applications with GraphQL and related tooling. We’ll start with an overview of GraphQL core concepts. Then we’ll learn how to fetch data from a GraphQL API with lightweight clients. From there, we’ll get into Apollo Client and how to use hooks for data fetching in components. Finally, we’ll look at how to automate your workflow with TypeScript and codegen. In this workshop, we will cover:
- GraphQL Overview
- Understanding GraphQL Clients
- Setting Up Apollo Client
- Fetching Data in React Components
- Apollo Codegen with TypeScript
Prerequisites -- You will get the most out of this workshop if you:
- Are comfortable with React
- Have at least a vague idea of how web frontends talk to backends
Senior Software Engineer Engineer
Learn what Redux Toolkit is, why we created it, what problems it solves, how to use it effectively, migrating from plain Redux, and more.
- Familiar with Redux