Workshops at React Summit Remote Edition

Hands-on workshops will be run remotely via Zoom.

The workshops listed below are not included in Full ticket and should be bought separately. We'll be happy to provide a 15% discount in case you buy 3 and more workshop tickets. Just email us.

Siddharth Kshetrapal

Design Systems in React

This is a hands-on workshop for React developers in which you will learn how to define a common language for collaboration and iterate on products faster.

We will start with the important questions of Why and When. While design systems encompass tools and processes for everyone in the company, we will focus on the code side of it - Platform agnostic design tokens and a component library in React that can be used in products and can evolve as teams use it.

Table of contents
  • - I
  • - What are the moving pieces of a design system
  • - How to define a design system for your company
  • - Doing an inventory of your existing products or on-going design concept
  • - II
  • - Systemize brand attributes and design decisions into tokens
  • - Creating a technology agnostic library of reusable tokens
  • - Starting a component library with primitives that serve as building blocks
  • - Combining primitives to build advanced compound components
  • - III
  • - Defining a consistent, easy to use API across your components
  • - Formalise the definition and usage guidelines - strict vs flexible
  • - Testing your component library - visual and behavior
  • - Distributing your system with versioning and backward compatibility
  • - IV
  • - Creating a implementation strategy and publishing a long-term roadmap
  • - Getting buy-in and driving adoption in your company
  • - Common roadblocks that you might hit
Prerequisites

Working knowledge of React would go a long way.

Workshop level

Intermediate/Advanced JavaScript/React developers.

Workshop schedule & location

Dates: April 12-13, 16:00-20:00 CEST. Remote

Michel Weststrate

Advanced, Fancy TypeScript

More and more projects are using TypeScript. This workshop will provide a deep dive into the language, and basic TypeScript knowledge is assumed. We will briefly discuss the design philosophy of TypeScript, and then cover all the lesser-known or harder features. That is: do all the cool and weird meta programming stuff (TS is turing complete!) and learn the tricks you won't find in the handbook.

So join if you feel like you're writing too much type annotations to make TypeScript happy! We'll dive deep into how type inference and control flows works, and how you can make the compiler work for you. We'll discuss all the fancier language constructs like:

    • ReturnType<>, Parameters<>
    • typeof, keyof
    • Mapped types
    • ConditionalTypes
    • Function overloading
    • Discrimination unions
    • Type guards and type assertions
    • (Variadic) tuple types
Workshop schedule & location

Dates: April 19-20, 16:00-20:00 CEST. Remote

Brad Westfall

Advanced React / Advanced Composition Workshop

Are you ready to take your React development to the next level? In this workshop we'll cover some of React's more advanced topics including advanced useEffect, hooks composition, imperative React, using mutable refs, and how to build highly reusable abstractions. We'll build out various parts of a project along the way with exercises for you to get hands with the material.

Workshop schedule & location

Dates: April 22-23, 17:00-21:00 CEST both days. Remote.

Trainers

Siddharth Kshetrapal
GitHub, Netherlands

Sid builds tools for developers. In the past, he worked on Design Systems at Auth0 and as the frontend architect at Practo. He loves talking about design, performance and open source.

Michel Weststrate
Facebook, UK

Open source fanatic, speaker and trainer. Author of MobX, MobX-State-Tree, Immer and a plethora of smaller packages. On a continuous quest to make programming as natural as possible. React, JavaScript and TypeScript fan. Working at Facebook on dev tooling for mobile developers.

Brad Westfall
ReactTraining, USA

Brad Westfall has been teaching Web Development since 2010 including bootcamp instruction, online videos, conference speaking, writing at CSS-Tricks.com, and corporate training for ReactTraining.com. He loves to connect with students by helping them achieve their technical goals and by distilling complex concepts into simple instruction.

Nouha Chhih
Prismic, France

Nouha is the Developer Experience Manager at Prismic. She currently manages a team of developer experience engineers, and spending a lot of time on recruiting and growing her team. This year she'll recruit over 15 people to join her team. She'll share some advice for those of you preparing for technical interviews, and will be able to describe what is a Developer Experience Engineer, a Developer Relations Engineer, a Dev Blogger, a Dev Streamer.

Francois Bohyn
Prismic, France

Francois is the Revenue Ops person at Prismic. For his team he has experience with the recruitment process of two roles: Solutions Engineer and Growth Engineer. These are pretty new kinds of roles, but which are very popular recently and that you might want to hear about if you are an engineer who enjoys understanding the business side of things.

Sadek Drobi
Prismic, France

Prismic founder & CEO; Co-creator of Play web framework. He enjoys connecting business, marketing, software architecture and code.

Jennifer Gray
Shopify, Canada

Jennifer is a front end developer on the Docs and API Libraries team at Shopify where our goal is to make it easier for developers to build on Shopify’s platform by creating and curating technical resources. Jennifer has spent the last two years working on shopify.dev, Shopify’s home for developer documentation.

Hanna Chen
Shopify, Canada

As a former agency developer, Hanna has experience building apps on various platforms. At Shopify, she is a front-end developer on a team dedicated to building out the capabilities that enable great embedded apps. Hanna has spent the last three years building and maintaining Shopify App Bridge, a JavaScript library that lets developers embed apps directly inside the Shopify Admin and Shopify POS.

Matt Landers
WP Engine, USA

Matt Landers leads the DevRel team at WP Engine, after joining the company in 2019 as a Technical Architect who was (and still is) super passionate about headless. That passion ultimately played a major role in the release of Atlas, which pairs WP Engine’s industry-leading WordPress platform with Node.js hosting to enable headless solutions using modern frameworks and technologies like React, Vue, and more. Before joining WP Engine, he served as Technology Evangelist at Microsoft, where he educated developers on the advantages of adopting .NET and worked with Fortune 100 companies to build some of the largest enterprise systems as an Architect. Additionally, Matt founded Covalence, a coding bootcamp, channeling his passion for teaching developers

Will Johnston
WP Engine, USA

Will Johnston is a Developer Advocate on the DevRel team at WP Engine. He started coding when he was 10 years old, and began coding professionally at 15. He got his start working on an open source competency tracking tool for schools with Python and Zope. Will founded Covalence alongside Matt Landers, and served as CTO. At WP Engine, Will is excited to help make the headless CMS world a better place by helping others embrace headless and make the most out of new tools and technologies.

Dylan Jhaveri
Software Engineer @Mux, USA

Dylan is a Senior Software Engineer at Mux, a startup building online video infrastructure for developers. Dylan works on the DevEx team to help developers deliver smooth video to their users. Previously he co-founded Crowdcast, a live video streaming platform.

Ed Ropple
Mux, USA

Ed's a senior developer and video producer on the Community team at Mux; when he isn't churning out screencasts about how you can better use Mux Video and Mux Data and interviewing Mux success stories, he even sometimes gets to write a little code. Usually the one asking when we're rewriting it in TypeScript.

Suzanne Daniels
Microsoft, Netherlands

Suzanne is a Developer Engagement Lead at Microsoft.

Nick Trogh
Microsoft, Belgium

Nick is a Developer Engagement Lead at Microsoft.

Juarez Barbosa Junior
Microsoft, Ireland

Juarez Barbosa Junior has +20 years of experience in several IT-related roles throughout his career, currently working for Microsoft as the Azure Developer Engagement Lead in Ireland.

Previously, he's worked for Oracle as a Principal Blockchain Developer Advocate and as Thought Leader and Technical Evangelist in IBM Mobile and IBM Watson.

He's passionate about engaging developers and communities to present and discuss the latest technologies related to Blockchain, IoT, Cloud Native, AI, and other Emerging Technologies, with a particular focus and interest in Microsoft Azure.

Marissa Masangcay
Cloudinary, USA

Marissa Masangcay is a Technical Marketing Specialist for Cloudinary and has worked for the company since 2017. She has also served as one of Cloudinary’s Developer Support Engineers, where she responded to customers’ technical support requests and feature-related questions, as well as debugged customer issues and wrote code samples in multiple development frameworks. She has also served as a volunteer instructor for Girls Who Code, which is a nonprofit dedicated to teaching girls in grades 6-12 the fundamentals of coding. Marissa graduated with her bachelor’s degree in computer science from the University of San Francisco.

Pramod Shenoy
Cloudinary, USA

Pramod Shenoy is currently working as a Solutions Architect at Cloudinary. His interests align with his 8 years of experience at Akamai and Catchpoint in web performance and optimization, CDNs and monitoring digital experiences. Outside of work Pramod likes to hike, read blogs on tech, sports and stock markets.

Akshay Ranganath
Cloudinary, USA

Akshay Ranganath is a Solution Architect at Cloudinary responsible for bringing customers on-board, helping them create work-flow for media management and media delivery. While not working, you'll find him holding camera and indulging in some photography.

Isaac Mann
Narwhal Technologies, USA

Isaac is an Architect at Narwhal Technologies. He helps maintain the documentation for Nx at nx.dev and has created two video courses available at nxplaybook.com. Isaac is an Instructor at egghead.io with a focus on component design and xstate.

Zack DeRose
Narwhal Technologies, USA

Zack DeRose is Senior Engineer for Narwhal Technologies, where he works to build a better world through tech! In addition to the enterprise consulting done at Narwhal, Zack is very interested in content creation and teaching others! When not building web applications at scale, Zack enjoys a robust family life at scale, living in Phoenix AZ with his wife and 6 kids.

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 and 3-hour workshops taught by the industry experts are tailored to get you there. Skyrocketing frameworks will make you a developer in demand. Release full potential of the technology 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 your 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!