Remote
In-person
Switch the toggler to see what in-person or remote activities are held on Dec 8 & 12.
Times below are shown in your local browser time zone
2023-12-08T12:00:00.000Z
2023-12-08T13:00:00.000Z
2023-12-08T14:00:00.000Z
2023-12-08T15:00:00.000Z
2023-12-08T16:00:00.000Z
2023-12-08T17:00:00.000Z
2023-12-08T18:00:00.000Z
2023-12-08T19:00:00.000Z
2023-12-08T20:00:00.000Z
useReducer Track
2023-12-08T12:50:00.000Z
Opening Ceremony
2023-12-08T13:00:00.000Z
Rethinking Bundling Strategies
Tobias Koppers
Vercel
We take a look at different challenges and decisions when bundling code for web applications. We look at how these are commonly solved and why we need to rethink them.
2023-12-08T13:20:00.000Z
QnA with Tobias Koppers
2023-12-08T13:40:00.000Z
All Things Astro
Elian Van Cutsem
The Astro Technology Company
Astro 3 was released a while ago and brought some amazing new features with it. In this talk, we’ll take a look at some of the newly released features in Astro 3, do some live coding and have some fun. We can take a look at what’s coming next in Astro 4 and there also might be a 'one more thing
2023-12-08T14:00:00.000Z
QnA with Elian Van Cutsem
2023-12-08T14:10:00.000Z
Coffee Break
2023-12-08T14:40:00.000Z
Lightning Talks
A Nerdy Guide to the Web Trending Concepts — Daniel Afonso
Building a Digital Sommelier on Top of ChatGPT and the OpenAI API — Jan Demmerle
How to Automatically Consume APIs with React — Theodore Vorillas
Escape Security Flaws — Henrik Fricke
What's New in Redux Toolkit 2.0 — Mark Erikson
2023-12-08T15:30:00.000Z
Multiplayer Games with React Three Fiber and WebSockets
Maya Nedeljković Batić
Linear
Multiplayer games are the coolest: they bring us closer together, even when we’re battling it out. While you can’t build World of Warcraft in a weekend, you also don’t need a big AAA game studio production team to create a game that is fun and engaging. All you need is good old React with some Three.js and WebSocket magic sprinkled in! This talk walks you through creating a simple multiplayer game in the browser using React Three Fiber and Socket.IO.
2023-12-08T15:50:00.000Z
QnA with Maya Nedeljković Batić
2023-12-08T16:10:00.000Z
Javascript Should Come With Batteries
Luca Casonato
Deno
Setting up JavaScript projects is no fun. Getting started involves installing and configuring node, tsc, prettier, eslint, a testing framework, a database driver, and more. Why is JavaScript not batteries included? In this talk we'll talk about how Deno fixes this, letting you focus on building stuff.
2023-12-08T16:30:00.000Z
QnA with Luca Casonato
2023-12-08T16:40:00.000Z
Break
2023-12-08T17:00:00.000Z
React Server Components
Tejas Kumar
Consultant
React Server Components are a newer way of working with React that is widely adopted in frameworks like Next.js. In this talk, we will look under the surface of how they work and are executed on the server side, and how they fit with server rendering and traditional React apps.
2023-12-08T17:20:00.000Z
QnA with Tejas Kumar
2023-12-08T17:40:00.000Z
Crafting Pristine React: Best Practices for Maintainable Code
Miguel Ángel Durán
midudev
In the dynamic world of React, ensuring that your code remains clean and maintainable is paramount. Dive into a session that demystifies the intricacies of structuring your React projects, distinctly separating concerns, and adhering to best practices that stand the test of time. Drawing from real-world experiences and hands-on tips, this talk promises to arm you with the knowledge to elevate your React codebase to the zenith of clarity and efficiency.
2023-12-08T18:00:00.000Z
QnA with Miguel Ángel Durán
2023-12-08T18:20:00.000Z
How MDX is a game changer for your React Project's Documentation
Eddie Jaoude
EddieHub
Documentation is essential to any project and it can really "make it or break it". However documentation is time consuming to draft and can sometimes be forgotten, or updates and amendments to it left behind as the project moves forward. Additionally, creating your documentation with Markdown has its limitations, so you may not end up with the result you want or that your contributor needs. By using MDX you can combine Markdown with code and integrate it into your React project.
2023-12-08T18:40:00.000Z
QnA with Eddie Jaoude
2023-12-08T19:00:00.000Z
The day I broke React Native
Nicola Corti
Meta
4th November 2022 - It was just a regular day for the "release crew" as we were approaching to prepare the first release candidate for React Native 0.71. Little did we know how an innocuous release could have triggered a domino effect resulting in failing builds for nearly every React Native developer out there.With the wisdom of hindsight, we'll walk through what happened, what are our lessons learned and the lowlights of this incident. We'll have the opportunity to look through the internals of React Native, discover our incident-response culture, and learn how we're hardening our ecosystem to protect us against similar events in the future. Join me as we revive this incident, and don't miss this opportunity to gain insights, be inspired, and embrace the lessons learned from the day I broke React Native.
2023-12-08T19:20:00.000Z
QnA with Nicola Corti
2023-12-08T19:40:00.000Z
Panel discussion "Innovation in React"
Tejas Kumar,
Consultant
Sara Vieira,
axo.dev
Mark Erikson,
Replay.io
Miguel Ángel Durán,
midudev
Sylwia Vargas,
Inngest
Elian Van Cutsem
The Astro Technology Company
2023-12-08T20:10:00.000Z
Closing Ceremony
useMemo Track
2023-12-08T12:50:00.000Z
Opening Ceremony
2023-12-08T13:00:00.000Z
Break the Race: Easy Race Condition Detection for React
Nicolas Dubien
Pigment
Race conditions are among some of the most challenging to detect and reproduce issues. As such they pose a significant challenge in development notably in UI. In this talk, we explore how to detect race conditions by leveraging fuzzing techniques. We walk you through discovering the real problem of race conditions and how they impact user experience.
2023-12-08T13:20:00.000Z
QnA with Nicolas Dubien
2023-12-08T13:40:00.000Z
Challenges of Decomposing a Massive Front-End Using Micro-Frontends
Oleksandr Tryshchenko
Personio
Our web UI application is pretty big - hundreds of people have been actively building it during the past eight years. We started facing scalability issues and technological limitations. We evaluated plenty of options and settled on micro-frontends. This evening we will discuss:- Differences between various micro-frontend architectures- Why we made this choice and if it's helpful for you- What we gained- What we sacrificed (yes, there are downsides)- What challenges are still ahead of us
2023-12-08T14:00:00.000Z
QnA with Oleksandr Tryshchenko
2023-12-08T14:10:00.000Z
Coffee Break
2023-12-08T14:40:00.000Z
Durable Objects - Everything Everywhere All At Once For Not Very Much Money
Jani Eväkallio
Software Engineer
Cloudflare's Durable Objects are a new JavaScript runtime that makes building stateful, on-demand backend servers on the edge as easy and cheap as serverless functions. By colocating compute and state, Durable Objects melt complexity at scale, and allow you to focus on building your product.In this fast-paced talk we'll live code a real-time backend from scratch, show how Durable Objects work, and explore how you can apply this versatile tool to a wide range of everyday engineering problems.
2023-12-08T15:00:00.000Z
QnA with Jani Eväkallio
2023-12-08T15:30:00.000Z
Bringing React Server Components to React Native
Szymon Rybczak
Callstack
React Server Components are new topic in community, bunch of frameworks are implementing them, people are discussing around this topic. But what if we could use React Server Components in React Native? And bring all optimisation features that RSC allows to mobile apps? In this talk I would present what we are able to do with RSC in React Native!
2023-12-08T15:50:00.000Z
QnA with Szymon Rybczak
2023-12-08T16:00:00.000Z
Break
2023-12-08T16:10:00.000Z
Superpowers of Browser's Web API
Nikola Mitrovic
Vega IT
When writing code for the Web, there are a lot of capabilities that are offered out of the box by our browsers. If you ever wrote a File Upload component, used timers and intervals, interacted with the DOM, or stored something in the Local/Session Storage, you had to go to the MDN’s Web API docs, to find some relevant information on how to implement that code.In this session, we will delve into the exciting world of browser Web APIs that are not so commonly used (although they should be) and explore their incredible capabilities 🚀All these features offer new opportunities for creating immersive web experiences that can help businesses grow and connect with customers.So if you are the kind of an engineer who wants to stay ahead of the curve when it comes to web development, learn how Intersection Observer, Background Sync API, Screen Wake Lock API (and many more) can help you create better web applications that will keep users engaged and coming back for more!
2023-12-08T16:30:00.000Z
QnA with Nikola Mitrovic
2023-12-08T16:50:00.000Z
Brace Your React, New Core Web Vitals are Coming
Ivan Akulov
PerfPerfPerf
In a few months, Google will DESTROY your React app......well, kinda. In March, Google is releasing a new Core Web Vital called Interaction to Next Paint (INP). It measures the speed of interactions – and every React site Ivan has seen so far had INP way in red. This is bad for any site that cares about SEO.In this talk, let’s learn how to prepare for the new Core Web Vital: how INP works, and how to improve it – both manually and with new React APIs like useTransition() and React Concurrency.
2023-12-08T17:10:00.000Z
QnA with Ivan Akulov
2023-12-08T17:30:00.000Z
Preparing for Success: A Frontend Engineer's Guide to Tech Due Diligence
Armin Ayatollahi
TechMiners
Imagine being a knight preparing for a jousting tournament, but your horse is more interested in the fair's hay bales than your impending duel. That's what prepping your tech department for an investment round or exit can feel like sometimes. This talk provides an in-depth look into the role of a frontend engineer, especially working with React, in preparing a tech department for an investment round or an exit. Through a unique lens of tech due diligence, the presentation uncovers the importance of good practices, solid architecture, efficient documentation, and more.
2023-12-08T17:50:00.000Z
QnA with Armin Ayatollahi
2023-12-08T18:10:00.000Z
Empathy Driven Development
Manjula Dube
Vanguard
Empathy-driven development empowers developers to create software that truly understands and serves users' needs. This talk explores practical techniques for integrating empathy into the development process, leading to more intuitive, user-friendly applications. Learn how cultivating empathy can foster collaboration, improve code quality, and ultimately enhance user satisfaction. Join us to unlock the transformative potential of empathy in your development journey.
2023-12-08T18:30:00.000Z
QnA with Manjula Dube
Discussion Rooms
2023-12-08T13:40:00.000Z
Frontend Frameworks
Tejas Kumar,
Consultant
Miguel Ángel Durán,
midudev
Daniel Afonso,
OLX Group
Nikola Mitrovic,
Vega IT
Atila Fassina,
CrabNebula
Nicolas Dubien,
Pigment
Henrik Fricke
WakeSys
2023-12-08T14:20:00.000Z
Growing in Your Career
Tejas Kumar,
Consultant
Manjula Dube,
Vanguard
Miguel Ángel Durán,
midudev
Eddie Jaoude,
EddieHub
Nicolas Dubien,
Pigment
Maya Nedeljković Batić,
Linear
Armin Ayatollahi,
TechMiners
Theodore Vorillas,
Proximity
Oleksandr Tryshchenko
Personio
2023-12-08T15:20:00.000Z
Design Systems
Sanket Sahu,
GeekyAnts
Atila Fassina,
CrabNebula
Armin Ayatollahi,
TechMiners
Oleksandr Tryshchenko
Personio
Times below are shown in your local browser time zone
2023-12-12T15:00:00.000Z
2023-12-12T16:00:00.000Z
2023-12-12T17:00:00.000Z
2023-12-12T18:00:00.000Z
2023-12-12T19:00:00.000Z
useReducer Track
2023-12-12T15:00:00.000Z
Opening
2023-12-12T15:07:00.000Z
Exploring React Server Component Fundamentals
Daishi Kato
Zustand, Jotai & Waku author
I've been developing a minimalistic framework for React Server Components (RSC). This talk will share my journey to deeply understand RSC from a technical perspective. I'll demonstrate how RSC features operate at a low level and provide insights into what RSC offers at its core. By the end, you should have a stronger mental model of React Server Components fundamentals.
2023-12-12T15:28:00.000Z
Building Enterprise-grade GraphQL APIs with Domain-Driven Design and Clean Architecture
Petar Ivanov
In this talk, we will explore how to build scalable and maintainable GraphQL APIs for enterprise applications using Domain-Driven Design and Clean Architecture patterns. We will discuss the importance of modularizing your API around the business domain and better subdomain organization. We will briefly go through the main components of a GraphQL API, including resolvers, domain layer, and database layer and how we've evolved them to our new architecture.
2023-12-12T15:50:00.000Z
React's Most Useful Types
Matt Pocock
Independent
We don't think of React as shipping its own types. But React's types are a core part of the framework - overseen by the React team, and co-ordinated with React's major releases.In this live coding talk, we'll look at all the types you've been missing out on. How do you get the props type from a component? How do you know what ref a component takes?
2023-12-12T16:12:00.000Z
Virtual DOM: Back in Block
Aiden Bai
Dimension (dimension.dev)
Is the Virtual DOM pure overhead? In this tech talk, Aiden Bai explores the performance implications of the Virtual DOM in frameworks like React and presents an alternative approach called the \"block virtual DOM.\" Aiden delves into the origins of the Virtual DOM, its purpose in addressing performance issues, and the process of diffing and reconciliation. The talk introduces the Block virtual DOM, which takes a different approach to diffing by using static analysis and dirty checking.
2023-12-12T16:21:00.000Z
Break
2023-12-12T16:30:00.000Z
Accelerating Design & Development Innovation with AI-driven Tools
Cristobal Chao
Torii
Designers and developers work on different timelines—designers look to the future while developers build from what’s already been designed. They speak different languages and follow different processes. How can we bridge these gaps and build a more collaborative development process? In this talk, we will explore the integration of AI-driven tools and techniques to enhance design systems, fostering improved communication between cross-functional teams.
2023-12-12T16:52:00.000Z
Let's build a TV Spatial Navigation
Sergio Avalos
Spotify
In this talk, I'll take you through my journey as I joined the team supporting our Smart TVs application and share my experience learning one of the most overlooked but essential pieces of functionality we have.
2023-12-12T17:27:00.000Z
How Much RAM Is Your UseMemo Using? Let’s Profile It!
Giulio Zausa‮
Flux.ai
Memoize all the things!, is what most React guides will tell you, explaining how its memory cost is negligible compared to its performance benefits, but has anyone actually ever measured it? What about doing it in a complex React application with several thousands components? Turns out getting that answer is not simple at all, and requires delving into the complex world of Chrome Memory Profiling. This talk will explore the basics of heap profiling, moving on to more advanced tools and techniques for analysing memory usage in your React application, including how to profile it in your CI pipeline and answer your own optimisation questions by writing custom heap analyzers.
2023-12-12T17:48:00.000Z
To App or Not: When to Choose Native or Web
Mike Hartington
Ionic
In today's landscape, deciding between building a native app or a web app can significantly impact your project's success and user experience. As technology advances and user expectations continue to evolve, the decision-making process becomes increasingly complex. Let's dive into the key considerations that can help you determine what is right for you, a native app or a web app. We'll also look at real-world examples of apps and examine the reasons behind their choice of development approach.
2023-12-12T18:12:00.000Z
Building a Better Micro-Frontend Framework That Enables Platform Freedom
Saravana Srinivasan
Red Hat
A modern tooling experience usually involves a user journey on multiple mediums, including Web, VS Code, GitHub, etc. Writing custom code and components for each platform is not the most efficient approach, leading to code duplication and, most importantly, the risk of a lack of a cohesive experience.Multiplying Architecture is a set of patterns, techniques, and libraries that, using micro frontends and some innovative backend services, allow for the re-use of the tooling component in different distribution mediumsCome to this talk to learn how we are able to enable multiple tooling teams across Red Hat to deliver the best native experience of UI components (s and Views) on VS Code, Web, and Desktop, and directly integrate them on GitHub(Chrome Extension) with minimal changes on their code base.
2023-12-12T18:41:00.000Z
Break
2023-12-12T18:45:00.000Z
How Do We Use React Native at Mattermost. Architecture and Design
Daniel Espino García
Mattermost
At Mattermost we use React Native for our app. It is a fairly complex project with more than 100.000 lines of code, with plenty of challenges, like performance, reliability or offline support.This talk will cover some of those challenges and several design decisions we have made so far to address them, along some other decisions to keep the code base readable and navigable.
2023-12-12T19:03:00.000Z
Type System React
Josh Goldberg
Open Source
TypeScript's type system is incredibly powerful. It can represent bizarrely complex interdependent JavaScript types and comes with a Turing-complete set of logical conditions. But this is a React conference, right? Let's implement a primitive React purely in the type system.
2023-12-12T19:25:00.000Z
Managing React State: 10 Years of Lessons Learned
Cory House
reactjsconsulting.com
Managing React state is hard. Why? Because there are so many options to consider! Local state, reducers, custom hooks, context, and over a dozen third-party libraries.
2023-12-12T19:42:00.000Z
Closing
useReducer QnA Rooms
2023-12-12T15:50:00.000Z
Petar Ivanov's Room
2023-12-12T16:12:00.000Z
Matt Pocock's Room
2023-12-12T16:52:00.000Z
Cristobal Chao's Room
2023-12-12T17:27:00.000Z
Sergio Avalos Room
2023-12-12T17:48:00.000Z
Giulio Zausa's Room
2023-12-12T18:12:00.000Z
Mike Hartington's Room
2023-12-12T18:41:00.000Z
Saravana Srinivasan's Room
2023-12-12T19:03:00.000Z
Daniel Espino García's Room
2023-12-12T19:25:00.000Z
Josh Goldberg's Room
2023-12-12T19:42:00.000Z
Cory House's Room
useMemo Track
2023-12-12T15:07:00.000Z
Hacking an e-Reader to Show My Tea Menu With JSX
Tiger Oakes
Microsoft
I wanted to have a tea menu to show guests and for my own reference. Turns out e-Readers use so little power and can render HTML! I'll share how to generate an e-book with all your drinks with React, JSX, and Deno, as well as rendering a custom cover page with SVG. Wow your friends by turning an old device into a smart home tea menu, and learn how to write your next book with React.
2023-12-12T15:15:00.000Z
A Tale of the Flip Floppers. From Engineer to Manager and Back Again
Matt Colman
Atlassian
I've flip flopped between engineer and manager three times already. I'm quite aware that this is not an unusual thing to do. There's a heap of flip floppers out there! At Atlassian I'm in a new managers group.
2023-12-12T15:22:00.000Z
The Anatomy of Webpack: A Deep Dive Into Its Architecture
Nitin Kumar
Razorpay
Webpack is a powerful tool for building modern JavaScript applications, but its architecture can be complex and daunting for developers who are new to it. In this talk, we will dive into the inner workings of Webpack and explore how its various components work together to create a bundle.By the end of this talk, you will have a comprehensive understanding of Webpack's architecture and its plugin system. You will be equipped with the knowledge to build complex applications using Webpack confidently.
2023-12-12T15:38:00.000Z
Pushing Boundaries to the Edge
Facundo Giuliani
Storyblok
While the technology goes further and further, web development tries to get closer to the user. CDNs and web servers are evolving, and they now offer us the possibility to execute server-side logic without depending on a unique data center located in a specific place in the world. Let’s present the concept of The Edge. We will see how it works, and we’ll talk about Edge Functions.
2023-12-12T15:50:00.000Z
Deconstructing Distributed Tracing
Lazar Nikolov
Sentry.io
Distributed tracing is a powerful technique that allows you to track the flow and timing of requests as they navigate through a system. By linking operations and requests between multiple services, distributed tracing provides valuable insights into app performance and helps identify bottlenecks. In this talk Lazar will explain the concept of Distributed Tracing by walking you through how monitoring tools build tracing solutions.
2023-12-12T15:59:00.000Z
Local-first Apps with ElectricSQL and React
James Arthur
ElectricSQL
Local-first is a new paradigm for developing apps with instant reactivity, realtime multi-user and conflict-free offline built in. This talk shows how to develop local-first systems with React using ElectricSQL, a open source software platform from the inventors of CRDTs.
2023-12-12T16:11:00.000Z
OpenAI in React: Integrating GPT-4 with Your React Application
Jesse Hall
MongoDB
In this talk, attendees will learn how to integrate OpenAI's GPT-4 language model into their React applications, exploring practical use cases and implementation strategies to enhance user experience and create intelligent, interactive applications.
2023-12-12T16:23:00.000Z
Break
2023-12-12T16:30:00.000Z
React(ing) to WebRTC: Build Better Audio and Video Experiences with Daily React
Christian Stuff
Daily
What is WebRTC (Web Real-Time Communication), its main challenges, and how does the combination of React + Daily solve for them? We'll take a deep dive into specifics like React audio and video media elements and Daily React components and hooks. You'll even walk (or code?) out knowing how to build a video grid in just two minutes.
2023-12-12T16:40:00.000Z
Config Driven UI using ReactJS
Joban Singh
Microsoft
We at Microsoft are rethinking the way we use ReactJS as frontend devs, traditional React UI Design patterns results in redundant code, making code maintainability cumbersome. By making UI Config driven we supercharged React components by making config file a single source of truth, The above approach made it easier to onboard new UI scenarios quickly and with minimal regression in the old UI Flows, resulting in a significant reduction in dev efforts, the best part is all the code was kept in Typescript only no XML or other declarative languages were used.
2023-12-12T16:48:00.000Z
How the Shadow DOM has Got You Covered?
Mukul Ramchandani
Viacom18 - SDE2
We learn about possibilities of what DOM can do but have you ever wondered what all possibilities Shadow DOM can have. Well, In this talk I will help you understand how the Shadow DOM has got you covered. We will further deep dive into how you can use React with Web Components.
2023-12-12T17:06:00.000Z
Applying Product Thinking Principles to your Design System
Raymond Luong
Mercury
You've planted the seeds of your design system. Maybe you've built out a few components and set up a basic Storybook. But where do you go from here?It can be easy to let your inner perfectionist take over and try to cover every scenario and edge case, especially when referencing established design systems. However, a more effective approach is to treat your design system as a product that grows and evolves with your users.
2023-12-12T17:12:00.000Z
How to Improve Your Web Application's Security Using Mozilla Observatory
Karan Kiri
Fabric
In today's digital landscape, web application security is of paramount importance to protect sensitive user data and maintain user trust. The Mozilla Observatory is a powerful tool that can help developers assess the security posture of their web applications. In this talk we'll learn how to improve the security of web applications using the Mozilla Observatory.
2023-12-12T17:22:00.000Z
WordPress-like Plugins, but for Next.js
Sanket Sahu
GeekyAnts
Join me on my journey of creating the Next.js WordPress-like Plugin System, an experiment that enhances Next.js applications by allowing easy installation and customization of plugins for features like Google Analytics, Social Login, and E-commerce. I'll showcase the unique features of the file-based plugin system, such as persistent storage per plugin, registration of components, routes, and functions, and a cross-plugin event system. The talk also shares the story of how and why I solved this problem to make developers' lives easier. Check out the experiment at https://github.com/gluestack/next-wordpress-plugins.
2023-12-12T17:31:00.000Z
Mastering Mobile DevOps: Leveraging React Native for High Performance
Cyril Bonaccini
BAM
In the dynamic realm of software development, successful industry leaders share a common proficiency in four pivotal metrics: Deployment Frequency, Lead Time for Changes, Time to Restore Service, and Change Failure Rate. Yet, achieving high performance in these areas within the mobile world presents unique challenges. This talk delves into the depth of best practices and innovative technologies within React Native and mobile DevOps ecosystems, all aimed at our ultimate goal: the continuous delivery of value to our users.
2023-12-12T17:40:00.000Z
Build Intelligence at the Edge - Machine Learning with React Native
Rashmi Nagpal
Cactus
Have you ever wondered if we can really build machine learning models in React, rather than in the mainstream languages like Python or R? Afterall, React is the most used language by the developers, according to a 2019 survey by Stack Overflow. Well, this sounds like a crazy idea, because React is not designed for high performance computing and neural networks are compute-intensive! But, wait a minute - we have libraries such as Onnx.js, Tensorflow.js to our rescue!
2023-12-12T17:53:00.000Z
Understanding Rendering Patterns
Atila Fassina
CrabNebula
React has exploded in popularity thanks to the performance and unrivaled developer experience the virtual DOM and reconciliation could offer. But as our apps grew, we started pushing the boundaries of managing client state in a performant way. Let's see how to achieve fine-grained reactivity and what resumability brings to the table.
2023-12-12T18:03:00.000Z
The Future of Web Storage: Exploring Advanced Storage APIs
Shubham Gautam
Headout
Are you tired of relying on outdated web storage techniques? Join us as we explore the latest advancements in web storage and data management that will supercharge your web applications! In this presentation, we will dive into the world of advanced APIs such as IndexedDB, CacheStorage, FileSystem API, and more. We'll compare the benefits and limitations of each API, discussing their persistence, quota, security, and performance.
2023-12-12T18:12:00.000Z
SOLIDify Your React Code
Islem Maboud
Toptal
Writing a cleaner Code in React by following SOLID Principles
2023-12-12T18:24:00.000Z
Hacking JSX: Building in Minecraft with React
Felix Wotschofsky
CODE University of Applied Sciences
When combined with a custom rendering function, JSX can be used to quickly build a custom domain-specific markup language. I will show you how to approach this using the example of creating builds in Minecraft.
2023-12-12T18:32:00.000Z
Daily Brush for Website Speed: Embrace the Performance Budget Ritual
Medhat Dawoud
Miro
In this talk I will use the dental metaphor in order to introduce the performance budgets just like brushing teeth everyday to keep them clean and healthy you should do the same for your website by setting a performance budget and check it in every pull request in your pipelines, the target audience is mid-level to advanced, I will start by the example of the tooth decay and cleaning them then brushing them everyday as the dentist advice, then explain decay as the performance issue and performance budgeting is like the toothpaste and go from here with the different techniques that developers can do in order to prevent any loss in the performance wins they made.
2023-12-12T18:46:00.000Z
Break
2023-12-12T18:50:00.000Z
CSS Only* Search: Improve React Filtering Performance with CSS!
Evyatar Alush
Meta
Working on emoji-picker-react I encountered a challenge - filtering the list of 1800 emojis triggered a significant delay due to re-renders.Let's learn how I fixed this only using CSS!
2023-12-12T19:02:00.000Z
WebAssembly and React: A New Era of High-Performance Web Applications
Ramón Huidobro
Developer Relations Consultant
Hold on, WebAssembly on the server?! I thought it was for browser!In this talk, we'll explore the benefits of using low-level languages on the server-side, and the different possibilities that WebAssembly provides for building high-performance web applications. We'll dive into different providers for WebAssembly functions, as well as practical use cases for integrating WebAssembly with React.By the end of this talk, you'll walk away with a deeper understanding of how server-side WebAssembly and React can be used together. You'll also gain practical insights into how to use low-level languages on the server-side, and tips for overcoming common challenges when integrating WebAssembly with React.
2023-12-12T19:16:00.000Z
Closing
useMemo QnA Room
2023-12-12T15:15:00.000Z
Tiger Oakes Room
2023-12-12T15:38:00.000Z
Nitin Kumar's Room
2023-12-12T15:50:00.000Z
Facundo Giuliani's Room
2023-12-12T15:59:00.000Z
Lazar Nikolov's Room
2023-12-12T16:11:00.000Z
James Arthur's Room
2023-12-12T16:23:00.000Z
Jesse Hall's Room
2023-12-12T16:40:00.000Z
Christian Stuff's Room
2023-12-12T16:48:00.000Z
Joban Singh's Room
2023-12-12T17:06:00.000Z
Mukul Ramchandani's Room
2023-12-12T17:12:00.000Z
Raymond Luong's Room
2023-12-12T17:22:00.000Z
Karan Kiri's Room
2023-12-12T17:31:00.000Z
Sanket Sahu's Room
2023-12-12T17:40:00.000Z
Cyril Bonaccini's Room
2023-12-12T17:53:00.000Z
Rashmi Nagpal's Room
2023-12-12T18:03:00.000Z
Atila Fassina's Room
2023-12-12T18:12:00.000Z
Shubham Gautam's Room
2023-12-12T18:24:00.000Z
Islem Maboud's Room
2023-12-12T18:32:00.000Z
Felix Wotschofsky's Room
2023-12-12T18:46:00.000Z
Medhat Dawoud's Room
2023-12-12T19:16:00.000Z
Ramón Huidobro's Room
Discussion Rooms
2023-12-12T16:00:00.000Z
AI in Frontend
Jesse Hall,
MongoDB
Cristobal Chao,
Torii
Joban Singh,
Microsoft
Sanket Sahu,
GeekyAnts
Christian Stuff,
Daily
Daniel Espino García,
Mattermost
Raymond Luong,
Mercury
Mukul Ramchandani,
Viacom18 - SDE2
Rashmi Nagpal,
Cactus
Islem Maboud
Toptal
2023-12-12T16:40:00.000Z
Web Performance
Josh Goldberg,
Open Source
Mike Hartington,
Ionic
Medhat Dawoud,
Miro
Lazar Nikolov,
Sentry.io
Daniel Espino García,
Mattermost
Raymond Luong,
Mercury
Mukul Ramchandani
Viacom18 - SDE2
2023-12-12T17:30:00.000Z
Career Advice & Soft Skills
Josh Goldberg,
Open Source
Theodore Vorillas,
Proximity
Daniel Espino García,
Mattermost
Raymond Luong,
Mercury
Ramón Huidobro,
Developer Relations Consultant
Petar Ivanov
2023-12-12T18:30:00.000Z
Frontend Architecture
Josh Goldberg,
Open Source
Saravana Srinivasan,
Red Hat
Jan Demmerle,
&why GmbH
Sanket Sahu,
GeekyAnts
Atila Fassina,
CrabNebula
Christian Stuff,
Daily
Daniel Espino García,
Mattermost
Raymond Luong,
Mercury
Ramón Huidobro,
Developer Relations Consultant
Petar Ivanov