Learn from the best cherry-picked trainers
Pro workshops at JSNation
Hands-on workshops will be run both in-person & remotely via Zoom.
The workshops listed below are not included in the Full conference 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 at [email protected].
Mocking Techniques in Vitest (remote)
In this 2-days workshop you will finally understand mocking in JavaScript. You are going to look at the mental models behind mocking as a tool, as well as practice various mocking techniques you need in your day-to-day testing life.
- Boundaries. Learn what mocking actually is, why and when you should use it, and what it does to your tested code.
- Functions. Discover how to use mock functions, spy on existing functions, and mock function behaviors in tests.
- Date and time. Wield the power of space and time to mock date, time, timers, and even event loop ticks.
- Network. Gain full control over the network in your tests using Mock Service Worker. Learn how to intercept any request you want, and mock its response, including error responses, network errors, and response timings.
You don't have to have any prior experience with automated testing to complete this workshop. Having a basic experience with JavaScript, however, is required as we won't be covering things like objects, functions, imports/exports as a part of this workshop. Having a prior experience with testing frameworks is preferred.
Suitable for any level. There's a ton of material to learn if you've just started testing yesterday as well as if you've been doing it for years.
November 11-12, 10:00-14:00 EST. Remote via Zoom.
Advanced React Workshop: What's New in React (remote)
In this workshop we’ll dive into the latest advancements in React and best practices for building modern React apps. We’ll take a look at modern NextJS and Remix along with React’s new “React Server Components”. We’ll also talk about improving the data-fetching strategies of your SPAs along with options for migrating your SPA to modern React Router.
Learn how to prevent data-fetching waterfalls and also leverage modern caching strategies. Learn modern strategies for performance and data streaming. Learn React Server Components and how they differ from traditional SSR in React. Learn new ways of managing form data with React Server Components. Understand how to better use transitions and optimistic UI for better user experiences. Understand your React architecture and rendering options: SSR, CSR, RSC, SPA and MPA. Explore differences between NextJS and Remix.
November 13 - 14, 10:00 - 14:00 EST. Remote via Zoom.
React Future (Server Components and Actions) (in-person)
You’re interested in how far React can take the component model. Everyone is. While React has not yet officially released server components and actions as features in a stable version of React, you want to understand how these features work because you’d like to use them within one of the frameworks built on top of React which has support for them.
In this workshop we won’t be using any frameworks. In fact you might say we’ll be building our own framework. It’s important for you to understand at least one or two layers below where you typically operate to be able to use your abstractions effectively. So we’ll be working with the raw/unreleased/experimental/futuristic APIs for React Server Components and React Server Actions.
Once you finish this workshop, you’ll finally have the proper mental model for what server components and actions will do for you as an every day React app developer. Whatever kind of React app you’re building (and whatever architecture you have), you’ll find ways to apply these future features to your application eventually and after this workshop you’ll be eager to do so for the DX and UX improvements they provide.
In this workshop we’ll cover:
- The relationship between client and server components and their respective module graphs
- Streaming serialized React elements
- Submitting forms to server actions
- Managing pending state for server actions
- Providing great loading UX with optimistic UI
Currently working on this (stay tuned).
November 20, 9:00-18:00 EST. In-person in NY. Venue: DoubleTree by Hilton Hotel & Suites Jersey City (455 Washington Blvd, Jersey City, NJ 07310)
Trainers
Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. He is the creator of EpicReact.Dev and TestingJavaScript.com. He's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and Remix.
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.