Learn from the best trainers being anywhere

FREE WORKSHOPS AT REACT SUMMIT

These workshops are included in Full Ticket (both in-person & remote).

All Full Ticket holders will get an email with a registration link for the workshops, as soon as the full workshops line up is published.

These workshops will be run remotely via Zoom.

Workshops are targeted both at React newbies and hardcore fans. Take full advantage of your remote conference experience and get training from our best speakers and trainers.

The recordings of most workshops will be shared with full ticket holders after the conference.

Kunal Dubey Kunal Dubey

Building your own Custom Type System

I'll introduce the audience to a concept where they can have end-to-end type systems that helps ensure typesafety across the teams Such a system not only improves communication between teams but also helps teams collaborate effectively and ship way faster than they used to before. By having a custom type system, teams can also identify the errors and modify the API contracts on their IDE, which contributes to a better Developer Experience. The workshop would primarily leverage TS to showcase the concept and use tools like OpenAPI to generate the typesystem on the client side.

Workshop schedule & location

Date & time: June 5, 16:00-17:00 CEST. Remote via Zoom.

Mustafa Azim Mustafa Azim

Unveiling Next.js Secret Sauce on the Edge

Next.js on the Edge with its new secrets sauce for better user experience and high performance. We will unveil Next.js secret sauce and the way of working to deliver the best user experience in Edge network and the new features including partial pre-rendering. How to make use of the Server component and its heigh performance on Edge network.

Table of contents
  • Intro to the Edge network
  • Edge runtime in V8
  • Use cases of the edge functions
  • Deploy a service on the edge network
Workshop schedule & location

Date & time: June 20, 16:00-18:00 CEST. Remote via Zoom.

David Dal Busco David Dal Busco

Learn to build on Web3 like it's Web2

In this session, we will build and deploy a decentralized application from scratch and delve into its additional features, all while minimizing the complexity typically associated with learning blockchain technology.

By the end of this session, I hope attendees will not only have a clearer understanding of blockchain development, but also realize that building in this space can be surprisingly straightforward and enjoyable.

My goal is to share my enthusiasm for open-source development and the potential of Web3.

Workshop schedule & location

Date & time: June 24, 15:00-17:00 CEST. Remote via Zoom.

Vivek Nayyar Vivek Nayyar

Hands-On AI: Integrating LangChain with JavaScript for Web Developers

Dive into the world of AI with our interactive workshop designed specifically for web developers. "Hands-On AI: Integrating LangChain with JavaScript for Web Developers" offers a unique opportunity to bridge the gap between AI and web development. Despite the prominence of Python in AI development, the vast potential of JavaScript remains largely untapped. This workshop aims to change that.

Throughout this hands-on session, participants will learn how to leverage LangChain—a tool designed to make large language models more accessible and useful—to build dynamic AI agents directly within JavaScript environments. This approach opens up new possibilities for enhancing web applications with intelligent features, from automated customer support to content generation and beyond.

We'll start with the basics of LangChain and AI models, ensuring a solid foundation even for those new to AI. From there, we'll dive into practical exercises that demonstrate how to integrate these technologies into real-world JavaScript projects. Participants will work through examples, facing and overcoming the challenges of making AI work seamlessly on the web.

This workshop is more than just a learning experience; it's a chance to be at the forefront of an emerging field. By the end, attendees will not only have gained valuable skills but also created AI-enhanced features they can take back to their projects or workplaces.

Whether you're a seasoned web developer curious about AI or looking to expand your skillset into new and exciting areas, "Hands-On AI: Integrating LangChain with JavaScript for Web Developers" is your gateway to the future of web development. Join us to unlock the potential of AI in your web projects, making them smarter, more interactive, and more engaging for users.

Workshop schedule & location

Date & time: June 26, 16:00-18:00 CEST. Remote via Zoom.

Nathan Marrs, Haris Rozajac
Nathan Marrs, Haris Rozajac Nathan Marrs, Haris Rozajac

LLMs Workshop: What they are and how to leverage them

Join Nathan and Haris in this hands-on session where you will first learn at a high level what large language models (LLMs) are and how they work. Then dive into an interactive coding exercise where you will implement LLM functionality into a basic example application. During this exercise, you will get a feel for key skills for working with LLMs in your own applications such as prompt engineering and exposure to OpenAI's API.

After this session, you will have insights around what LLMs are and how they can practically be used to improve your own applications.

Table of contents
  • Discuss how to decide where to leverage LLMs in a product
  • Lessons learned around integrating with OpenAI / overview of OpenAI API
  • Best practices for prompt engineering
  • Common challenges specific to React (state management :D / good UX practices)
Workshop schedule & location

Date & time: June 28, 16:00-18:00 CEST. Remote via Zoom.

Brian Love Brian Love

Build a Powerful Datagrid With AG Grid

Does your React app need to efficiently display lots (and lots) of data in a grid? Do your users want to be able to search, sort, filter, and edit data? AG Grid is the best JavaScript grid in the world and is packed with features, highly performant, and extensible. In this workshop, you’ll learn how to get started with AG Grid, how we can enable sorting and filtering of data in the grid, cell rendering, and more. You will walk away from this free 3-hour workshop equipped with the knowledge for implementing AG Grid into your React application.

Workshop schedule & location

Date & time: June 3, 17:00-19:00 CEST. Remote via Zoom.

Solange Gueiros Solange Gueiros

How to Build Front-End Access Control with NFTs

Understand the fundamentals of NFT technology and its application in bolstering web security. Through practical demonstrations and hands-on exercises, attendees will learn how to seamlessly integrate NFT-based access control mechanisms into their front-end development projects.

Workshop schedule & location

Date & time: June 10, 16:00-19:00 CEST. Remote via Zoom.

Dieter Flick Dieter Flick

Building Your Generative AI Application

Generative AI is exciting tech enthusiasts and businesses with its vast potential. In this session, we will introduce Retrieval Augmented Generation (RAG), a framework that provides context to Large Language Models (LLMs) without retraining them. We will guide you step-by-step in building your own RAG app, culminating in a fully functional chatbot.

Key Concepts: Generative AI, Retrieval Augmented Generation

Technologies: OpenAI, LangChain, AstraDB Vector Store, Streamlit, Langflow

Prerequisites

Please have a GitHub account ready.

Workshop schedule & location

Date & time: June 6, 16:00-18:00 CEST. Remote via Zoom.

Doug Drechsel Doug Drechsel

Build a Full Stack React Native App with Oracle 23ai

In this workshop, you will set up a local full-stack environment and create a React Native Mobile app that runs against that stack.

Walking History is a React Native application that allows you to walk around New York City (or simulate that in a device emulator) and it tells you about the closest attraction or point of interest.



Table of contents
  • Install Oracle 23ai Docker container
  • Build and run Parse Server with the new Oracle Storage Adapter
  • Build and run a Walking History React Native mobile app against the stack
Workshop schedule & location

Date & time: June 11, 16:00-19:00 CEST. Remote via Zoom.

Trainers

Kunal Dubey
DAZN, India

Kunal Dubey is currently working as a Senior Software Engineer at DAZN. His work revolves heavily on improving the user experience while watching any sporting event on our platform. Apart from his work, he loves reading and experimenting with the latest tech in my free time.

Mustafa Azim
Shell, Netherlands

Full Stack Developer at Shell, experienced in building SASS stacks, scalable and optimized cloud services.

David Dal Busco
Freelancer, Switzerland

I'm a freelance web developer based in Zürich, Switzerland, and an open source enthusiast. In fact, I made over 7,000 commits on GitHub last year 😅. When I'm not busy building, you can find me literally running up mountains!

Vivek Nayyar
Vivek Nayyar
Nathan Marrs
Grafana, USA

Nathan is the tech lead of the DataViz squad at Grafana Labs and is based out of beautiful Monterey, California.

Haris Rozajac
Grafana Labs, USA

Haris is a Software Engineer at Grafana Labs, where he makes contributions to open-source Grafana. Currently, he’s on the Explore squad, focused on improving data troubleshooting and discovery experience.

Brian Love
Polaris, USA

Brian Love is a software engineer, Google Developer Expert, and co-founder at Polaris, where he is building developer tools for a more performant and reliable internet. He enjoys learning, speaking, and writing about software and technology. Brian co-authored "Why Angular for the Enterprise" for O'Reilly. When not coding, Brian enjoys skiing, hiking, and being in the outdoors.

Solange Gueiros
Chainlink Labs, Brazil

Blockchain educator and developer focused on Ethereum, smart contracts and Bitcoin. MSc in digital currencies. She has been working with technology for over 20 years. Speaker at world conferences since 2018, also she won awards at Ethereum hackathons. Co-founder ETHSamba. She was listed in Cointelegraph Brazil top 50 and top 2 women.

Dieter Flick
DataStax, Germany

Dieter is a seasoned Solution Engineer with over 20 years of experience in developing and optimising applications across various industries. With a strong background in software development, he deeply understands the challenges and needs of developers and clients alike. At DataStax, Dieter empowers his clients by using advanced data technologies and best practices to implement generative AI applications, helping them accelerate development cycles and deliver cutting-edge solutions. Passionate about developer empowerment, he provides tools and technologies that catalyse innovation and efficiency.

Doug Drechsel
Oracle, USA

Doug Drechsel has 30+ years working in Software Engineering. He has worked on Tuxedo, WebLogic Server and OKE (Oracle Kubernetes Engine). His current role is helping Developers easily adopt and incorporate Oracle 23ai database features into their development environment including Full Stack Development, microservices development