JOIN
WORKSHOPS
AT REACT UNIVERSE CONF

react native eu sticker
Discover our workshops

REACT & REACT NATIVE WORKSHOPS

Practical knowledge & top experts at your fingertips

Join us for three hands-on workshops for React & React Native developers at an advanced level. Led by industry experts, the workshops are designed to enhance your cross-platform skills and maximize your experience at React Universe Conf 2024.

Date
September 4, 2024
Venue
Concordia Design | Wrocław, Poland
Form
Onsite
Adam Trzciński,
Wiktor Szlegier
REACT NATIVE PERFORMANCE
SOLD OUT
Guest Trainer
Kent C. Dodds
REACT FUTURE
SERVER COMPONENTS
AND ACTIONS
LIMITED AVAILABILITY
Thiago Brezinski,
Bartłomiej Tomczyk
TESTING
STRATEGIES
ONLY 9 SPOTS LEFT
SOLD OUT

REACT NATIVE PERFORMANCE

The following course is designed for developers who have production experience with React Native. The scope dives deep into the native side of the framework. It’s a very low level in terms of React Native development. The course tackles a lot of iOS and Android application development topics. It’s perfect for gaining a comprehensive overview of mobile app creation and lets you look at React Native differently.
React Native
Advanced
8h
Sept 4, 2024
Concordia Design | Wrocław, PL | onsite

During this workshop, we’ll cover the following topics

DMAIC (Define, Measure, Analyze, Improve, and Control) is a methodology for a structured approach to performance optimization efforts. It helps the project team to identify the key bottlenecks and their reasons and focus their efforts on improving performance in high-value areas.

Optimizing React code is crucial for well-made React Native apps. At the beginning of this training, we’ll explain the life cycles of React and the best ways to consume them to achieve performance boosts. After that, we’ll show some patterns and antipatterns used in daily React development, which significantly affect performance.

Writing JavaScript code is a major part of React Native development. As with any other language, sometimes it’s easy to introduce a shiny line of code that could kill performance. In this section, we’ll introduce tools to help participants diagnose their code and eliminate bottlenecks.

Understanding the communication between JS and Native is crucial for optimizing React Native performance. We want to make every participant aware of how it works, what it means to block a bridge, and how we count FPS. Differences between new and old RN architecture. Additionally, we will compare an initialized React Native app with native apps, including a demonstration of native tools that work well with React Native.

Apps written in React Native are fully native apps. It means that the tools used by native developers could be helpful for React Native developers. We would like to focus on things like UI Inspectors in Xcode and Android Studio, Xcode’s Instruments, and Android Profiler.

Sometimes debugging the dev build in Chrome or generally debugging JavaScript is not enough. We want all participants to be aware of the native debugging techniques, which include reading the logcat and xcode console, reading the device’s console, placing breakpoints in native code, and inspecting the UI.

In our experience, we found that RN performance is affected by a set of common performance issues. This module will present these issues, as well as ways to properly diagnose and resolve them.

A large set of performance issues occurring in RN apps is the result of excessive re-rendering of complex element trees. This process can be greatly optimized by properly restructuring your components and applying various memoization techniques. We will also showcase typical issues that happen when applying memoization and how to address them.

The only onsite session with Kent C. DODDS in Europe this year!

REACT FUTURE

Server Components and Actions
Get ready for intensive learning at its best. You’ll work with the soon-to-be-released APIs for React Server Components and React Server Actions. You’ll be learning them not by using any particular framework but, instead, by building your own framework from scratch. After the workshop, you'll finally have the proper mental model for what server components and actions will do for you as an everyday React app developer. Whatever kind of React app you’re building, you’ll find ways to apply these future features to your application, and you’ll be eager to do so for the DX and UX improvements they provide.
Category
React
Level
Advanced
Duration
8h
Date
Sept 4, 2024
Venue
Concordia Design | Wrocław, PL | onsite

During this workshop, we’ll cover the following topics

1. The relationship between client and server components and their respective module graphs
2. Streaming serialized React elements
3. Submitting forms to server actions
4. Managing pending state for server actions
5. Providing great loading UX
Buy ticket
Insider knowledge from Callstack's experts

TESTING STRATEGIES

Let’s say you have a perfect bug-free app you’re very proud of. Does it change over time? How many developers work within the same codebase? How familiar are they with this code? How do you ensure your code is still perfect? The answer is automated testing, and this workshop is all about it. Let’s take a deep dive into this fascinating world to boost participants' confidence from shipping to production.
React, React Native
Advanced
8h
Sept 4, 2024
Concordia Design | Wrocław, PL | onsite

During this workshop, we’ll cover the following topics

We’ll start by explaining common testing terminology and introducing the testing pyramid and testing trophy as a depiction of the importance of certain types of testing and time-to-value ratio. We recall the most popular and basic techniques in app testing: Static analysis, unit, integration, end-to-end and snapshot testing.

Write integration tests for our app by mocking API responses without losing confidence with Mock Service Worker.

Write tests for animated components with the built-in Animated API or libraries such as Reanimated. Learn how to mock animations and mimic animation state.

Introduce Maestro (React Native) / Cypress.io (web) / Playwright (web) to test in simulators, emulators, and on real devices. Guide participants through the setup, identify core functionalities and cover them with e2e tests.

Introduce Reassure and guide participants through the setup, identify parts that can have performance issues, and cover them with regression tests.

Configure GitHub Actions to run all types of tests after every commit.

Buy ticket

Subscribe to our newsletter

for the latest React Universe Conf news

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.