TypeScript Patterns for Better React Components
Have you ever tried building fully-typed polymorphic components? Good! Now how about combining that with discriminated unions, enhanced HTML attribute types and a forwardRef
wrapper? Exactly — it's not easy. In this talk, we'll walk you through several TypeScript patterns you'll face over and over again. From building simple but 100% type-safe component props, constructing compound vs. polymorphic components, to function overload components, discriminated union props, generic React components and augmented components wrapped in forwardRef
and more. Join this session and bring your typing skills to the next level!
Talk Details
When things go wrong, get errors right!
When we build React applications, the fun part is always the happy path: when everything works! But let's face it, sometimes things go wrong, and error handling can be a tricky topic. Don't worry, though - we've got you covered! In this talk, we'll dive into the world of error handling in React and explore how to make it less daunting and more enjoyable.
Talk Details
Secrets of building robust UI components
Do you find yourself struggling to create maintainable and high-quality user interfaces with React? With so many different ways and patterns available, it can be overwhelming to settle on a key strategy that will last throughout your project. It's not uncommon to feel like you're drowning in complexity as you try to build UI components that can withstand the test of time. This talk will dive into the secrets of building robust UI components and provide you with practical tips for creating maintainable user interfaces that can grow with your app.
Talk Details
UI/UX Challenges in Web3 and Dapps
With the next generation of the web (Web3) we observe a progressive transition of traditional centralized web apps to decentralized apps (Dapps). They can natively interact with blockchain technologies and unlock endless new ideas and innovation. Interacting with Dapps today can often lead to uncertain and frightening actions which lead to frustration and skepticism. We’ll deep-dive into Web3 and Dapps fundamentals and how we got there, clear up confusions and explore how we can improve user experiences to help bringing Dapps closer to people.
Talk Details
Building modern React applications
With the new additions to React, the way we build frontend applications is evolving, leading to improved performance and maintainability. As of today, the most noticeable React API additions are Context, Hooks and Suspense. How do we apply new best practices to manage our application state? What are common techniques for fetching data? How do we architect modern React applications using a type system and a design system?
Talk Details
With great power comes great React Hooks!
The React team has been working hard on changing the game of writing declarative components: Hooks! With React Hooks we are now able to use the capabilities of class components in functional components. In this talk we are going to discover the Hooks API and explore some exciting patterns using them.
Talk Details
Third party or custom code? The art of making software decisions
Do you often find yourself struggling with deciding whether to use a third-party library or write custom code? In this talk, we'll dive into the challenges and benefits of both approaches and provide practical tips for making informed decisions. You'll learn how to weigh the pros and cons of each option, consider architectural decisions, and create better products and apps.
Talk Details
From learning to thinking in GraphQL
GraphQL has unlocked exciting possibilities on how we fetch data these days. Over the past years we've witnessed a huge amount of toolings and a solid ecosystem around GraphQL. Everything in the web is evolving so fast and we have to keep up and build products at this pace. In GraphQL there are some concerns and hurdles that need to be overcome such as Server Setup, Schema Design, Authentication, Access Control, Storing Data, Batching and Caching. In this talk we will explore GraphQL and some common GraphQL design patterns to encourage engineers to use GraphQL for efficient data fetching.
Talk Details
Building zero-config tools for GraphQL
Adopting GraphQL can be fairly demanding and it takes some time to find the right tooling setup. What can we do to improve DX and supercharge our GraphQL development? In this talk I will deep-dive into the journey of Graphpack, a zero-config tool that help us building GraphQL at scale.
Talk Details
Optimizing apps with code splitting
Shipping apps is easy, but shipping GREAT apps takes quite some effort. We want to build faster web apps and deliver as less as needed. But how? Dynamic imports provide a convenient capability to load components. We'll leverage Code Splitting with minimal effort and discuss common approaches.
Talk Details
React Fiber
The React core team completely rewrote React's core algorithm to solve long standing problems in the current version of React. In this talk, we'll discuss why React Fiber exist, how it works and what it can do.
Talk Details