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.
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.
Date & time: June 5, 16:00-17:00 CEST. Remote via Zoom.
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.
- Intro to the Edge network
- Edge runtime in V8
- Use cases of the edge functions
- Deploy a service on the edge network
Date & time: June 20, 16:00-18:00 CEST. Remote via Zoom.
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.
Date & time: June 24, 15:00-17:00 CEST. Remote via Zoom.
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.
Date & time: June 26, 16:00-18:00 CEST. Remote via Zoom.
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.
- 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)
Date & time: June 28, 16:00-18:00 CEST. Remote via Zoom.
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.
Date & time: June 3, 17:00-19:00 CEST. Remote via Zoom.
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.
Date & time: June 10, 16:00-19:00 CEST. Remote via Zoom.
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
Please have a GitHub account ready.
Date & time: June 6, 16:00-18:00 CEST. Remote via Zoom.
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.
- 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
Date & time: June 11, 16:00-19:00 CEST. Remote via Zoom.
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.
June 24, 15:00-17:00 CET. Remote via Zoom.