reactjsday 2023
27 Oct 2023 at San Marco Hotel

This talk explores how Server Components work, and why we need new-generation tooling for it.

10

Splitting the view from the controller is foundational to build great applications. We tend to rely on external libraries to manage their state. But React itself has a great off-the-shelf state management tool: the useReducer. In this talk we’re going to get to know more about it, and especially learn how to enhance it tailoring it to our needs. You'll discover what you have been missing.

The new react.dev launched this year introducing new methodologies like challenges and interactive sandboxes and subtle inclusivity features, like “international tone” and culturally agnostic examples. Not only have the new docs changed how people learn React, they’ve inspired how we think about developer education as a community. In this talk, you will learn how the React team and some ambitious community members made the “React docs rock” for a generation of front end developers and how these new patterns and established techniques can be applied in your favorite projects.

Over the last 25 years we have seen many products and services designed to edit websites in a visual way. They were either good for developers or for content editors: never for both. We built React Bricks to overcome this limitation with a good abstraction that unifies the team and streamlines the process. We’ll explore the technical challenges we faced, the solutions we found and we’ll see how fun it is to develop visually editable Lego bricks of content using just React components.

Curious about your React knowledge? Ready to take on a friendly challenge? In this lively and engaging session, we invite you to participate in an interactive quiz centered around the React ecosystem. Whether you're new to React or a seasoned pro, this quiz is designed to spark curiosity and deepen understanding, all in a collaborative and fun environment. Engage with the speaker, answer questions, and learn more about the subject through technical insights and explanations.

What if you can use the fastest JavaScript framework along with React? What if you can build applications that feel fast regardless of application size? Qwik is a JavaScript framework that uses a new rendering paradigm called resumability. It can serialize a JavaScript app into HTML, thus eliminating the need for the hydration technique used in meta-frameworks like Next.js. In this talk, Ruby Jane Cabagnot will talk about Qwik and reusability. Then talk about QwikReact, which allows you to use React components in Qwik, including the whole ecosystem of component libraries, such as Material UI, Threejs, and React Spring. Is Qwik the world's first O(1) JavaScript framework? Let's find out.

Observability is essential for developing and maintaining reliable and performance React applications. By the end of this talk, you will have a practical guide on how to make your React applications more observable and resilient using OpenTelemetry.

8

In this talk, I will explore React through a practical lens, primarily focusing on three crucial aspects: rendering, reactivity, and state management. By building the same application using React and other popular JavaScript frameworks, we'll conduct a comparative analysis. Join me as we dissect React's approach to these core concepts and evaluate how it stacks up against other frameworks. By the end of this session, you'll gain valuable insights into the similarities and differences, allowing you to make informed decisions when choosing a framework for your projects.

GraphQL is powerful technology to retrieve and send complex structures from remote locations with a simple and effective syntax. One of its perks is avoid under-fetching and over-fetching as the client specifically requests the fields it’s interested in. But what happens if we need to enrich or customize the data set and we can’t modify the upstream GraphQL server? Shall we break the spec? In this talk I will show you how to use the resources the GraphQL specification already gives us to solve this issue without having to break the rules.