React Alicante 2023

Our Speakers

Meet all our brilliant speakers!

Aris Markogiannakis

Aris is a Senior Frontend Developer, a Lecturer and a community Leader in London (and the world), JavaScript Community organiser and the creator of CityJS Conference. He has been teaching for the past 10 years at City, University of London and other institutions around London for the last couple years.

[...]

David Khourshid

David is a software engineer who loves playing piano and is passionate about animations, state machines, cutting-edge user interfaces, and open-source. Previously at Microsoft, he is now the founder of Stately, a startup focused on making even the most complex application logic visual and accessible to developers and non-developers alike.

[...]

Devlin Duldulao

Devlin Duldulao is a Filipino full-stack cloud engineer based in Norway. He is a Microsoft MVP, a trainer, a conference speaker, a published book author, and a chief senior consultant at Inmeta. He loves going to universities and user groups to share his expertise.

[...]

Łukasz Nowak

Web developer for more than 10 years of professional experience. At the beginning I created many monoliths using PHP. However, after a while I began to shift more and more into frontend side. First contact with React was a major game changer for me. This was because of its simplicity and intuitive approach I have never stopped loving. I usually have my hands on refactoring applications with orchestrating their parts as well as adding the latest technologies and libraries. I also am a very big fan of automatic testing of frontend applications.

[...]

Stefano Solinas

JS developer for over 15 years, trainer, designer and creator of Imagzle, cryptoviewer and other apps.

Kevin Maes

Kevin moved his first pixels back in the days of Flash animation, working at startups in Tel Aviv and NYC. He’s done development, consulting, and engineering management at companies like NBC Universal, Thomson Reuters, and Giant Machines. He is currently building Stately Studio as an engineer at Stately.ai. When not at a keyboard, Kevin enjoys opera, spending time with his family, and traveling, often to Spain.

[...]

Dan Neciu

Dan is a software engineer, focusing mostly on the Front-end, in a love-love relationship with Javascript. He worked professionally on all Big Three Frameworks (but secretly he loves React the most, don't tell his Vue-on-all-projects company). He is forever trying to strike a balance between his desire to ship stunning UI and bringing fast and great value from a Product perspective but also trying to merge the cleanest, easily maintainable code he can possibly write.

[...]

Aakansha Doshi

Aakansha is a FOSS enthusiast who loves all things JavaScript and React. She is one of the core maintainers of Excalidraw. She also organizes the FOSS United meetups in Bangalore. She is a big foodie, and loves traveling and spending time with her family. Fun Fact: She broke GitHub with her first PR of ~5k lines of code

[...]

Paulina Chojnowska

From translating legal and historical texts to translating business needs into code, Paulina has come a fascinating way into the world of React.js. She now leads a team of skilled full-stack developers and works herself mainly in Next.js but also other technologies. She is an open and optimistic person who believes good teamwork produces great code.

[...]

David Sancho .

David is a software engineer based in Barcelona, making cute software with Reason and OCaml. Currently working at Ahrefs, building user interfaces and tools. Mostly doing open source these days working on styled-ppx, Melange or reason-react. Passionate about functional programming, design, scalability, people and startups, but lately about compilers.

[...]

Erik Rasmussen

American expat living in Spain, author of Redux Form, Final Form, and currently building the best customer service bot for hardware products at Mavenoid.

[...]

Adina Stoica

Adina is a full-stack software engineer at Bloomberg, where she works primarily on front-end items, both Bloomberg-specific and web. Originally from Romania, Adina moved to the United States for college. She obtained her bachelor’s degree in computer science from Bard College and her master’s degree from Washington University in St. Louis, where she specialized in computer vision. Prior to joining Bloomberg, Adina worked at Cerner Corporation (now Oracle Health). Adina is quite passionate about front-end development and improving user experience, and she tries her best to infuse this passion into her development work.

[...]

Atila Fassina

Atila is a developer and content creator who loves simple and intuitive code. Works as Developer Experience Engineer at Xata, writes and reviews articles at Smashing Magazine.

[...]

Bolaji Ayodeji

Bolaji is a Software Engineer, Content Creator, and Community Engineer who currently works as a Developer Advocate at Commerce Layer. He's passionate about web engineering, data, embedded systems, documentation, Jamstack, headless commerce, composable infrastructures, learning, sharing knowledge, teaching, building communities, and open-source.

[...]

Kyle Simpson

Kyle Simpson is a Human-Centric Technologist. His mission is to show the world that the culture of empathy and relational information exchange are keys to unlocking the full potential of every human in the workplace. JS and open web technologies are among Kyle's favorite tools to augment human endeavors. Kyle has published 11+ books on JS, taught thousands of developers from teams around the world, and his training videos have been watched over 800,000 hours. He's always fighting for the people behind the pixels.

[...]

Joana Santos

Joana is a passionate Full-stack Software Engineer currently working at xgeeks. In her role, she has had the privilege of being part of a team that successfully brought a project to life from its early stages. Her drive to learn and grow is a core part of who she is, and she loves sharing her knowledge with others.

[...]

Kateryna Porshnieva

Kateryna is an engineer from Ukraine with 10+ years of experience in UI development and design. She is passionate about accessible web, design systems and making complex things simple. Apart from work, she is active in tech community, organises board game nights and is known as a coffee snob.

[...]

Ruby Jane

Ruby Jane Cabagnot is a full-stack DotNET/Reactjs developer based in Oslo, Norway, who published a book about writing Enterprise React applications.

[...]

Debbie O'Brien

Debbie O’Brien is a Senior Program Manager at Microsoft. Debbie has over 10 years experience in Frontend development. She has worked as a Tech Lead and consultant for many important clients with varios technologies and often with a strong focus on performance. She has lead teams both in house and remotely as well as giving workshops and training. She has many years of experience as a mentor for online learning platforms, Treehouse and OpenClassrooms. Debbie is a Microsoft Most Valuable Professional in developer technologies, Google Developer Expert in web technologies, Cloudinary Media Developer Expert, Auth0 Ambassador and Nuxt Ambassador. Debbie has a special love for JavaScript frameworks especially Vue.js and Nuxt.js and has now ventured into the React world. She also loves improving performance with webpack and of course the Jamstack. She holds a Frontend and FullStack Tech Degree and is Microsoft certified. Debbie is an international speaker, who has spoken at many meet-ups and conferences worldwide on many continents including Antarctica. She is an open source contributor and a teacher at Vue School and Jamstack Explorers and is also a writer for Ultimate Courses. Debbie is Irish but lives and works in Mallorca, Spain and when she is not writing code and studying new technologies she can often be found doing all sorts of sports from running, cycling, body combat and skiing and of course Taekwondo where she is a 4th degree black belt.

[...]

Alexandra Spalato

Alexandra Spalato is a Developer Relations engineer at Storyblok and a specialist in JAMstack and headless architecture. With a background in freelance development and entrepreneurship, Alexandra has a unique perspective on what it takes to build successful web projects. As a member of the team at Storyblok, a company that champions the power of headless architecture, she helps developers around the world bring their visions to life. Whether she's speaking at a conference or running a workshop, Alexandra is always seeking out new ways to innovate and drive progress in the tech industry.

[...]

Kathleen McMahon

Kathleen is a software engineer, designer, and speaker, with deep industry experience in making apps beautifully accessible. She’s a Sr Design Systems Engineer at Northwestern Mutual, a W3C Design Tokens Community Group Specification Editor, and the best lanterne rouge cyclocrosser you’ll ever meet.

[...]

Daniel Afonso

Daniel Afonso is a Developer Advocate at OLX. Daniel has a full-stack background, having worked with different languages and frameworks on various projects from IoT to Fraud Detection. He is passionate about learning and teaching and has spoken at multiple conferences related to React, JavaScript, and testing. In his free time, when he's not learning new technologies or writing about them, he's probably reading comics or watching superhero movies and shows.

[...]

Roy Derks

Roy is an entrepreneur, speaker and author from The Netherlands and, in his own words, 'wants to make the world a better place through tech'. He has been giving talks and training to developers worldwide on technologies like GraphQL, React and TypeScript. Most recently he wrote the books Fullstack GraphQL and React Projects.

[...]

Jelena Maravic

Jelena is an experienced React developer passionate about sharing knowledge with the community. She believes in the power of community-driven learning and practical tips gained from real-world experience. She is thrilled to share her expertise in her first conference talk and learn from other developers.

[...]

Forbes Lindesay

Forbes maintains popular node.js projects such as @databases and Pug, and has been working on React applications for over 8 years.

Glenn Reyes

Glenn is a software engineer, tech speaker and workshop instructor with a passion for building innovative products and beautiful user interfaces using cutting edge web technologies and open source software such as React, GraphQL and TypeScript. Aside from tech, you’ll find him either traveling, on a road bike or playing the guitar.

[...]

Shivay Lamba

Shivay Lamba is a software developer specializing in DevOps, Machine Learning and Full Stack Development. He is an Open Source Enthusiast and has been part of various programs like Google Code In and Google Summer of Code as a Mentor and has also been a MLH Fellow. He has also interned at organizations like EY, Genpact. He is actively involved in community work as well. He is a TensorflowJS SIG member, Mentor in OpenMined and CNCF Service Mesh Community, SODA Foundation and has given talks at various conferences like Github Satellite, Voice Global, Fossasia Tech Summit, TensorflowJS Show & Tell.

[...]

Subham Bhattacharjee

Subham is a seasoned software engineer with over 8+ years of experience building resilient frontend applications. He specialises in React and JavaScript development, and is passionate about creating performant, user-friendly web applications. Additionally, he has experience in Python, Django, and FastAPI development. Subham has worked on a variety of projects over the years, from large-scale enterprise applications to small, agile startups. He has deep expertise in optimising React performance and is constantly exploring new ways to improve frontend development workflows. Subham is a dynamic speaker and has presented at several industry conferences on topics related to frontend development, JavaScript, and React. He is also an active contributor to the React community, sharing his insights and knowledge through blog posts and open-source projects. In addition to his technical expertise, He is also the founder and organiser of a local Python developer group, where he has given multiple speeches on topics related to Python and web development. When he's not coding, Subham enjoys working out at the gym, eating sweets, spending time with his family, and teaching under privilege children computer science fundamentals.

[...]

Mathilde Buenerd

I am a Frontend Developer at Shopify and a certified Web Accessibility Specialist. My expertise lies in creating complex user interfaces that are both user-friendly and compliant. At Shopify, I work on the Theme Editor, ensuring that everyone can build their Online Store.

[...]

Tejas Kumar

Tejas is an international keynote speaker with an engineering background spanning 22 years, from design to frontend to backend to devops. Today, he shares talks at large with developer communities worldwide, equipping them to do their best work.

[...]

Matheus Albuquerque

Matheus is a Sr. Front-End Engineer at Medallia, building their surveys platform and helping them shape the customer experience market with React, and a Google Developer Expert in Web Performance. His areas of interest include React and its ecosystem, JS and compile-to-JS languages, DX, and perceived performance optimization. Aside from public speaking about these, he also volunteers at TechLabs, teaching front-end development.

[...]

Chris Cormier

Chris is a front-end developer/digital marketer from Canada. Chris is passionate about making accessibility techniques practical and accessible to developers of all levels. He enjoys sharing his knowledge with others and giving talks at conferences and local meetups on topics ranging from front-end frameworks to web accessibility. When he's not building websites, you can find him exploring the great outdoors on a canoe or tinkering with the newest browser APIs.

[...]

Facundo Giuliani

Among the different things that Facundo enjoys, some of them are meeting and connecting with other people, web development, and talking a lot. After more than 12 years working as a developer, creating products and projects for different organizations and clients, he thought it would be great to combine those three interests in some way. In his search of ways to handle that, he discovered the world of Developer Relations. Nowadays, Facundo works as a DevRel Engineer at Storyblok, and he spends his time engaging with the dev community, speaking at events and conferences, creating and sharing content, writing articles for different websites and platforms, leading workshops, and talking (of course). He is one of the organizers of React Buenos Aires, the biggest React community in Argentina. He has been selected Prisma Ambassador, Auth0 Ambassador, and Cloudinary Media Developer Expert.

[...]

Chance Strickland

Chance is a Senior Software Engineer at Shopify working on React Router and Remix. He is passionate about building a better, more accessible web for everyone, having worked on popular open source tools like Radix UI and Reach UI to push that vision forward. When he isn’t slinging code, Chance enjoys finding your city’s best smash burger or surfing with friends in San Diego, CA.

[...]

Mattia Manzati

Mattia is a frontend developer passionate about frontend software architectures. A lover of TypeScript and React. My favourite hobby is to try out new and weird things in tech.

[...]

Flavio Corpa

Frontend Engineer. JavaScript and Functional Programming Enthusiast. OSS contributor in: React, Vue, Angular, Babel, Webpack, Styled Components and others!

[...]

Event Schedule 2023

Ready to make the most of it together?

Thursday 9:00 - 13:00 -

Thinking & Coding Algorithms

Kyle Simpson

If you don’t already have a solid computer science background, most of the typical algorithms
used in industry-wide job interviews can be intimidating. Moreover, even experienced engineers
sometimes struggle to apply proper algorithmic thinking in their production code. This workshop
starts at a basic problem/solution, and layers up to complex algorithms for a variety of
challenging tasks. Whether attendees have computer science education or not, they will leave
this workshop with practical algorithms knowledge, prepared to tackle problems by first thinking
algorithmically and then translating that into efficient code.

Objectives:
1. Learn how «Big O» classification impacts both computation time and memory usage (and
the tradeoffs)
2. Explore how data structures (classic and custom) shaped to the nature of the problem lay
the groundwork for better algorithms
3. Learn basic techniques for benchmarking computation time and memory usage

Attendees: Mid-to-senior level software developers (JS)

Pre-requisites: 18+ months of experience in JS. Attendees code along with presenter, so must
have a comfortable basic dev environment (editor, browser, git).

[...]

Thursday 9:00 - 13:00 -

e2e Testing with Playwright

Debbie O'Brien

Introduction to Playwright:
Provide an overview of Playwright, explaining what it is and why it’s useful for developers. Discuss the benefits of using Playwright for web automation and testing, including its cross-browser capabilities and support for multiple programming languages. Introduce the basic concepts of Playwright, such as browsers, pages, and locators.

Setting up Playwright:
Walk through the process of installing Playwright. Explore the example test and learn how to configure Playwright to work with different browsers, such as Chromium, Firefox, and WebKit or on emulated devices such as iPhone and tablets. Run tests in headless and headed mode.

Writing Playwright Tests:
Learn how to write tests, how to navigate to a webpage, interact with elements, and perform actions like clicking and typing. Also, we will go over how to choose the best locators and web first assertions and learn how Playwright uses auto waiting and retries. Use the test generator to generate tests on user actions and explore UI Mode for a better developer experience with watch mode and time travel debugging.

Playwright on CI:
Discuss strategies for integrating Playwright into a continuous integration (CI) pipeline for automated testing and how to debug your tests on CI with Playwrights Trace Viewer.

Component Testing:
Learn how to write component tests in Playwright.

Best Practices:
Discuss best practices for writing maintainable and scalable Playwright scripts, including organizing code and handling errors. Share tips and tricks for debugging Playwright scripts, handling flaky tests, and optimizing test performance.

Q&A:
Time for participants to ask questions and clarify any concepts covered in the workshop.

[...]

Thursday 9:00 - 13:00 -

Deploying Machine Learning Models to the Web

Bolaji Ayodeji

One essential and last phase of the CRISP-DM data framework is deployment. The key focus in this phase is the usability of the developed model by intended users or customers. Depending on the type of solution and use case, this can involve deploying and integrating the model on any medium like the web, a mobile application, a hardware-embedded system, etc. While this might ""sounds easy,” many beginner ML engineers find it daunting to deploy their projects on the web for their intended users to test and for their solutions to solve their users' problems.

In this workshop, Bolaji will introduce you to ML model deployment by showing you the steps and processes involved with turning a machine learning model into an API with Python and Flask, testing the API with Postman, building a web application, and deploying it to the cloud for global usage. We would also discuss several other alternative frameworks and tools you can consider.

[...]

Thursday 9:00 - 13:00 -

Modern React development using Zustand and React Query

Devlin Duldulao

Are you looking for a React state management that is better than Redux? Do you know the difference between client state management and API data state management?

In this tutorial, I will teach you the becoming popular combination of React tooling that is slowly replacing Redux. I will teach you why you should use Zustand and how to use it. I will also teach you the big advantages of using React Query in your React application.

Learn Zustand and React Query, and build large React applications without boilerplates that are hard to maintain.

[...]

Thursday 9:00 - 13:00 -

GraphQL for React developers

Glenn Reyes

In this workshop, participants will learn how to leverage GraphQL to build powerful and efficient backends for their React applications. Participants will start by setting up a GraphQL server with Node.js and Express, and then integrate it with a React frontend application. By the end of the workshop, participants will have a fully functional GraphQL application that they can deploy to production.

Prerequisites:

- Participants should have a basic understanding of TypeScript and React
- Familiarity with Node.js is recommended, but not required

Learning Objectives

- Understand the benefits of GraphQL over REST APIs
- Build a fully functional GraphQL server with Node.js and Express
- Query and mutate data using GraphQL
- Set up a GraphQL client with Apollo Client and query data from the server
- Optimize GraphQL queries using fragments
- Implement authentication and access control in GraphQL
- Build a complete GraphQL application with React
- Deploy a GraphQL application to production

By the end of this workshop, participants will have the knowledge and skills to build powerful and efficient GraphQL backends for their React applications, and will be able to apply these concepts to their own projects.

[...]

Thursday 9:00 - 13:00 -

Functional Programming in JavaScript

Flavio Corpa

This workshop will walk you through many concepts from functional programming brought to javascript, starting easy with curry, compose and map and slightly increasing the difficulties to Maybe, Either, Task monads, etc... hope you enjoy the journey!

[...]

Thursday 13:00 - 14:00 -

lunch

Thursday 14:00 - 18:00 -

Thinking & Coding Algorithms

Kyle Simpson

[...]

Thursday 14:00 - 18:00 -

Public Speaking and DevRel

Tejas Kumar

In the world of Developer Relations, effective public speaking is a critical skill for building connections and fostering engagement with the developer community. This interactive workshop is designed to empower Developer Advocates and professionals in the tech industry with the confidence and tools needed to deliver captivating presentations, webinars, and conference talks that resonate with their audience.

[...]

Thursday 14:00 - 18:00 -

Building a Whiteboard from Scratch

Aakansha Doshi

In this workshop, we will be creating a whiteboard from scratch with canvas.

1. Basics of Canvas
2. Discuss Minimum functional requirements to build a whiteboard
3. Decide the data structure of an element
4. Drawing rectangles / Ellipses
5. Hit Box Testing
6. Decide about state structure
7. Selecting shapes
8. Moving Shapes
9. Resizing Shapes
10. Data persistence for better experience
11. Performance
12. Zooming (if time permits)
13. QnA

Prerequisites:

1. Basic Javascript Knowledge
2. Basic React Knowledge
3. Attendees must have a comfortable dev environment(editor, browser, git) as they will be coding along with the presenter.

[...]

Thursday 14:00 - 18:00 -

TypeScript for React

Forbes Lindesay

This workshop will start with the basics of TypeScript, but we'll move fast. By the end of the workshop you will be comfortable adding types to any React component; you will understand how and when to use more advanced techniques in TypeScript; and you will know about the common pitfalls that allow errors even when code looks type safe.

[...]

Thursday 14:00 - 18:00 -

A Full Guide To The React Testing Library

Daniel Afonso

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

[...]

Thursday 14:00 - 18:00 -

Building High-Performance Online Stores with Shopify Hydrogen and Remix

Alexandra Spalato

##

I. Introduction

- Overview of Shopify Hydrogen and Remix
- Importance of headless e-commerce and its impact on the industry

II. Setting up Shopify Hydrogen

- Installing and setting up Hydrogen with Remix
- Setting up the project structure and components

III. Creating Collections and Products

- Creating collections and products using Hydrogen's React components

Implementing a Shopping Cart

- Building a shopping cart using Hydrogen's built-in components

VI. Conclusion

- Summary of key points
- The future of headless e-commerce with Shopify Hydrogen and Remix
- Q&A session.

[...]

Saturday 18:00 - 19:00 -

refreshments & networking

Friday 08:00 - 08:50 -

badges pick-up

Friday 08:55 - 09:00 -

conference opening & welcome

Friday 9:00 - 9:35 AM -

React—The Good Parts

Tejas Kumar

React is and has fundamentally been a developer health tool. In this talk, we will dive deep into some of the niceties React delivers for us with live code, and understand why the common conventionality of React is to move closer to server-side applications.

[...]

Friday 9:35 - 10:10 -

SolidJS for React Developers

Erik Rasmussen

In 2023, Solid JS is poised to be the next big frontend framework. Its underlying fundamentals are fundamentally different from React's. This talk will expose my learnings as I have approached Solid from the perspective of a React developer.

Friday 10:10 - 10:45 -

Playing your tests wright

Debbie O'Brien

It's time to play your tests wright. Let's take a look at how to write good tests and cover some of the best practices for testing, choosing the right locators and more. Let's make testing easy and fun by generating tests on user actions. Then lets explore some cool tips and tricks to help you write better tests.

[...]

Friday 10:45 - 11:15 -

coffee-break

Friday 11:15 - 11:50 -

Type safety from the database to the frontend

Forbes Lindesay

TypeScript can be extremely helpful in building reliable applications, but a lot of it's benefits are lost when parts of your application are not type safe. In this talk I'll give you all the knowledge you need to be able to ensure your entire application is type safe, from SQL databases, through GraphQL resolvers on the backend, to a GraphQL client on the frontend. I'll even cover how to deal with external REST APIs where there might be no way to automatically generate types.

[...]

Friday 11:50 - 12:25 -

Building Text Containers in Canvas

Aakansha Doshi

Text Containers are one of the most widely used features when it comes to whiteboard, isn't it?
In my talk, we will be diving into how these text containers work under the hood in Canvas and I will also be sharing my experience building text containers in Excalidraw (https://excalidraw.com/) - A virtual free Open-Source collaborative end-to-end encrypted canvas based editor for sketching hand-drawn diagrams.

[...]

Friday 12:25 - 13:00 -

Pushing boundaries to the edge

Facundo Giuliani

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. We’ll discuss why the main hosting providers are introducing this technology, and why different JavaScript frameworks are modeling their approaches based on Edge computing.

[...]

Friday 13:00 - 14:15 -

lunch

Friday 14:15 - 16:00 -

Lightning Talks

Devlin Duldulao - tRPC - Better than REST/GraphQL?

Dan Neciu - Common Pitfalls in React Native Apps and How to fix them

Jelena Maravic - Maximizing React Performance with DevTools: Profiler and Components

Łukasz Nowak - Codemods - how to support your users with breaking changes delivery

Kevin Maes - Seek, and you shall find your way to fun!

Mathilde Buenerd - Crafting Accessible Components for Component Libraries

Roy Derks - The State of GraphQL Clients in 2023

Friday 16:00 - 16:30 -

coffee-break

Friday 16:30 - 17:05 -

Hydration, Islands, Streaming, Resumability… Me, Oh My!

Matheus Albuquerque

Our ecosystem can be overwhelming! First, we had the rise of SSR and SSG—and each had its own gigantic pile of frameworks and tools. Then partial hydration enabled us to hydrate only some of our components on the client, which we've seen in React Server Components.

But what about islands? Do they relate at all to Streaming SSR? Moreover, what is resumability, and why do I keep hearing about it? […] Oh, did anyone say rendering on the Edge?

Well… There are many approaches out there, and all of them argue that their philosophy is best. In this session, we’ll go over these architecture/rendering patterns, to help shed some light on how some are implemented and the concepts behind them.

[...]

Friday 17:05 - 17:40 -

All you need is a contract…

Daniel Afonso

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.

[...]

Friday 17:40 - 18:15 -

Practical guide to building accessible forms in React

Kateryna Porshnieva

Web forms are crucial for user interaction on the web, and to ensure our products provide an inclusive experience for all, we need to build them with accessibility in mind. In this talk, we'll dive into best practices and practical tips for crafting accessible forms that won't leave anyone behind

We’ll start by diving into what accessibility is and how assistive technology works on the web. With this foundation, we’ll go through common patterns in forms and how to implement them accessibly. We’ll talk about: labelling, providing instructions, errors and validation, testing, managing focus, and more – all backed by practical examples in React.

[...]

Friday 18:15 - 19:15 -

refreshments & networking

Saturday 9:00 - 9:35 AM -

Why I Still Choose React

Chance Strickland

It’s been 10 years since a small team at Facebook pitched this wacky idea to the greater JavaScript community that ultimately changed the way we all write and think about software on the web. Its core proposition—that UI should be expressed as a function of state—has stood the test of time.

In the years since, we’ve seen continuous efforts to move to the next thing, with brilliant engineers shipping capable alternatives and new modes of thinking about UI. In this talk I’ll explain why I believe React is still the right bet, why its mental model remains a thing of beauty, and why it will continue to grow in a sea of frameworks for years to come.

[...]

uOBSaturday 9:35 - 10:10 -

Processes, StateCharts and WorkFlows

Mattia Manzati

Every application has some business logic that lives across multiple requests, sessions, and sometimes this logic may even take multiple days between mutiple interactions or actors before completing.
Login workflows, Warehouse processes, wizards inside our applications, the examples are everywere.
Is this just a backend problem? Not at all! Even in the frontend and in react applications we have workflows. And what happens if one of the steps fails? And if the process needs to be shutdown?
In this talk well discover together and explore the different solutions to implement long running processes in JavaScript by using statecharts, event sourcing and generators and see pros and cons of each approach.
I'm sure you'll go back home knowing how to identify long running processes, and various ways to implement those in your application.

[...]

Saturday 10:10 - 10:45 -

Resumability in the next generation frontend framework With O(1) loading time

Ruby Jane

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. Is Qwik the world's first O(1) JavaScript framework? Let's find out.

I will teach you how to start with Qwik on this topic. We will cover the following topics: What is Qwik framework, Qwik vs. React, Qwik vs. Angular, How to make JS bundle smaller, and how to get started building with Qwik.

[...]

Saturday 10:45 - 11:15 -

coffee-break

Saturday 11:15 - 11:50 -

Server-side rendering React natively with Reason

David Sancho .

server-reason-react is an implementation of react-dom/server and some of React's internals in OCaml. Its purpose is to render HTML markup from the server for a Reason React application natively.
This talk provides an overview of some of the concepts of the library, what it means to render React in OCaml, how we use it at Ahrefs.com, a benchmark against a Node equivalent, and the future of all of this.

[...]

Saturday 11:50 - 12:25 -

Bye-bye, weeds! Digital Gardening with Astro & MDX

Kathleen McMahon

Has your once-thriving digital garden become overgrown with weeds? Has your framework of choice changed from a suite of landscaping tools to a warehouse of industrial farming equipment? What if you're three versions behind? Do you upgrade and continue with complexity, or choose a new stack that meets your static site needs?

This talk will teach you to weed out site complexity with Astro, SolidJS, and MDX. Pair this with accessibility best practices, and breathe new life into your digital garden.

[...]

Saturday 12:25 - 13:00 -

Rendering Dilemma: Reacting to State Change

Atila Fassina

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. Recently Signals have caught attention and curious eyes of developers that wish by default fine-grained control of how their applications re-render based on user actions. Let's have a look at the difference and how to achieve similar results with each paradigm.

[...]

Saturday 13:00 - 14:15 -

lunch

Saturday 14:15 - 16:00 -

Lightning Talks

Aris Markogiannakis - A comparison on Microfrontends composition techniques Module Federation (webpack, vite vs turborepo)

Joana Santos - Accelerating Your Career: Becoming a 10x Junior Engineer

Subham Bhattacharjee - Supercharging React Performance with SolidJS Signal

Chris Cormier - Patterns for Making Accessible Components

Adina Stoica - How To Build a Chrome Extension Using React

Stefano Solinas - You are not becoming rich with a mobile app

Paulina Chojnowska - Reviewing code review - duty, fun or... revenge?

Saturday 16:00 - 16:30 -

coffee-break

Saturday 16:30 - 17:05 -

Making state management intelligent

David Khourshid

Managing state is complicated. Humans are even more complicated. As developers, it's our job to deliver seamless and intuitive user experiences, but the sheer complexity of human behavior and the real world can make this a daunting task. In this talk, we'll explore a radical new approach to app development where language models (LLMs) and reinforcement learning (RL) can be used to handle app logic in a more intelligent and human-centric way. We're bringing artificial intelligence to state management in ways that go much, much further than existing methods. You will learn how you can leverage AI in your existing code to create the best UX possible, and peer into the future of AI and the path to AGI.

[...]

Saturday 17:05 - 17:40 -

Building Machine Learning Models on Edge with React

Shivay Lamba

Ever got frustrated typing the `as` prop in React components? How about this in combination with `forwardRef`? To put it short: It's not easy. Let's delve into strategies for constructing Compound Components, Polymorphic Components, and Components wrapped in forwardRef, while avoiding the use of type casts and ensure precise TypeScript typings.

[...]

Saturday 17:40 - 18:15 -

Imperative vs Declarative: Weathering the storm

Kyle Simpson

You've no doubt heard the terms "imperative" and "declarative" before, and you probably know that developers strongly prefer the latter whenever possible. But just how clear are you on what these really mean, when it comes to writing lines of code in your app? Most of us probably just wing it or feel "I know it when I see it."

Debates have raged for decades on this topic. In this talk, I'll drive straight into the eye of the storm and try to sift through what it all means for our apps. We'll look at how these concepts play out in a variety of webdev technologies, from HTML, to CSS, to JS, to (yes!) React... and more along the way. I hope you've brought your raincoat!

[...]

Saturday 18:15 - 19:15 -

September 28 - 30, 2023. Alicante, Spain

React Alicante