A Full Guide To The React Testing Library

The React Testing Library has become the main library for testing every React project. But do you really know and understand it?
During this session, we'll deep dive into understanding React Testing Library so you can confidently write your tests and sleep better at night.

Table of Contents
Testing Library: The introduction and testing paradigm
The basics of React Testing Library
Write your first test
Querying: Which query should I use?
Firing Events: What event do I need?
Async Methods: How do I wait for my element?
Save time and make your life easier with these utils
API calls: how do I test these?
Common mistakes and how to survive them.
How to stop losing sleep over the "an update was not wrapped in act(...)" warning.

Pre-requisites
Basic JavaScript knowledge
Basic React knowledge
Basic Jest knowledge

You don’t know server state yet

State is the heart of your application.
As time passes and your application grows, more than a single concept for state is needed. You need to split your state into client and server state, but do you really know server state?
Server state is not just queries and mutations. When building your applications, your server state has an overwhelming number of challenges you need to deal with to create the best experience for your app users.
Now, an extra obstacle you might find is solving all those challenges while keeping your mental sanity and, at the same time, creating a good developer experience in your project.
Entering your soon-to-be best friend and a must for dealing with your server state: TanStack Query

During this talk, I'll help the audience understand why they need to separate their client and server state. I'll explain more about server state and help the audience understand all the challenges they bring to our applications, and often our implementations negatively affect our projects. From these implementations, I'll share how TanStack Query quickly helps deal with them in React, Solid, Angular, and Vue.
I'll share the main concepts we need to use TanStack Query and how it builds a good developer experience in your projects.
I'll share some patterns to deal with very common server state and UI challenges.
I'll wrap the talk by showing how you can test your TanStack Query using applications and how to use it with server-side rendered frameworks.

A nerdy guide to the web trending concepts

The web! A vast container of knowledge, concepts, and things we do not always understand.
Terms like Server Components, Hydration, Fine-Grained Reactivity, Resumability, and many others are thrown around daily, but often, we don't fully grasp them.
Join this interactive adventure straight from the pages of a comic book as your favorite heroes and villains help you understand some of the most discussed topics on the web now.

During this talk, I'll deconstruct some common and trending topics we currently hear when learning web frameworks and watching lectures.
I'll pick these topics and build a story using our favorite comic heroes to help everyone understand them better. These stories will try to create all the necessary mental models in the audience and have them leave the talk ready to apply them and better understand some of the frameworks that apply them.

All you need is a contract…

How many times have you had to wait for your backend team to finish building the API so you can start your tasks? What if all you needed to move that task to in progress was the API contract? What if there was a library that did this for REST and GraphQL APIs and, at the same time, taking your tests to the next level?
Join me and prepare to enhance your developer experience while learning all the battle-earned experiences of using one of my favorite libraries: Mock Service Worker.

Imposter Syndrome-Driven Development

“Maybe I’m fooling everyone… I’m not good enough for this, and at this point, it is a question of time until everyone figures it out” these might be the words that cross your mind as your coworker compliments you for doing another fantastic job at delivering a new feature.
As you grow in your career, so does your uncertainty. You put in the extra hours, learn all the new technologies, and join all the initiatives you can, but at the end of the day, it never feels enough.
At this point, that feeling is leading your actions and decisions. It is the thing that is driving your career. Only one question persists:
Are you really an imposter?

We are not alone!
In this talk, I will share my story of dealing with imposter syndrome. I'll interact with the audience and ask them to share what they associate with it and leverage those feelings to enhance my story.
During this story, I'll let the audience know more about imposter syndrome:
What is it?
What triggers it?
How many types exist?
How to deal with it?
By the end of the talk, I hope everyone understands what it is to walk a mile in the shoes of people that deal with imposter syndrome and know they are not alone.

Learn Remix, Accidentally Learn the Web

The web ecosystem seems to get more complex each day that goes by. Long are gone the MPA times, and SPAs are the standard approach now. But with SPAs, one thing became more apparent: we forgot about the platform.
What if we could go back? What if we could return to simpler times and still have all the good things we are used to today? What if we accidentally relearned all we forgot about the Web while doing this?
Join me on this time-traveling adventure, and thanks to Remix, accidentally learn all we forgot about the Web!

React Hooks broke my tests, now what?

I used to hate writing tests! But one day, it all changed, and all it took was one "small" new thing called React Hooks.
Now, what do you do after a seemingly simple migration turns bad? What do you do when React Hooks breaks your tests?
This presentation focuses on the common testing pitfalls and what we have been doing wrong while it turns the tables on our testing ways. All this all thanks to one thing, the React Testing Library