React Brussels | The First React Conference in the heart of Europe

We're live

For the first edition of our international conference: React Brussels by BeJS, we're going to bring you the best of the React ecosystem. Join us!

+15 SPEAKERS.And more will be confirmed soon!

Talks from top world speakers and developers and Emerging Developers working on the next big React library.

+5 WORKSHOPS.And more will be confirmed soon!

Our sponsors and partners will be giving workshops about different Tools and technologies that are part of the react Ecosystem.

1 PLACE.

All of our activities, workshops, talks, discussion rooms, speakers rooms, hobbies lounges, panel discussions and afterparties will be available to you wherever you are.

ONLINE

Due to the current COVID-19 Crisis and the uncertainties related to event organization and people gathering, we decided to go with an online conference. We do not want to take any chances with the safety of our attendees, speakers and partners

Activities.

The main activity of the conference will be the talks. Top notch and World known speakers will be giving talks about React and its ecosystem throughout the whole day of the conference. But we will also have:

Panel Discussions

Discussion Rooms

Hobbies lounges

Speakers Rooms

Workshops

Afterparties

SPEAKERS.

Ali spittel

Senior Developer Advocate, AWS Amplify

Brandon Bayer

Creator of Blitz.js

Max stoiber

Founder, GraphCDN

Manjula Dube

Coder, Vanguard Group Europe

Nazanin Delam

Software Engineering Manager, Netflix

Radoslav Stankov

Head of engineering, Product Hunt

Colby Fayock

DevRel & Astrocoder, Applitools

Talia Nassi

Senior Developer Advocate, AWS Serverless

Adam Klein

Co-founder & CTO @ Covver

Daria Caraway

Senior Software Engineer, Netflix

Trishul Goel

Frontend Architect

Matteo Frana

Founder, React Bricks

Victor Bury

Software Engineer, Mirahi

Arisa Fukuzaki

Developer Relations Engineer, Storyblok

Nidhi Kumari

Frontend Engineer

Agenda.

12:00 CET -> 12:30 CET

React Brussels Intro and opening Ceremony

Opening Ceremony

Adam Klein

Co-founder & CTO @ Covver

12:30 CET -> 13:00 CET

Migrating from state management to react-query. I’m sorry, what?!

It’s time to admit - we were wrong. State management solutions are great, but unfitting for server-side data. Server-side data needs special care, like async behavior built-in, caching, deduping, re-fetching, prefetching, loading states, error states, pagination, and more. And us - we kept struggling with state management solutions and re-invented the wheel. The good news is that now we have react-query. And even better - we have hooks, so combining server and client state is easier than ever. Let’s explore this new architecture based on react-query, together, and learn how we can benefit from its flexibility and simplicity.

Radoslav Stankov

Head of engineering, Product Hunt

13:00 CET -> 13:35 CET

React Components Anti-patterns

React ecosystem is moving to maturity. Over the years, I have tried a lot of things around organizing and implementing React components. In the talk, I will share a common set of anti-patterns and how to avoid them.

Manjula Dube

Coder, Vanguard Group Europe

13:35 CET -> 14:10 CET

Web for Everyone – Accessibility with React

With the growing community and great tutorials, it’s fairly easy nowadays to start building web applications with React. However, the vital aspect of accessibility is often missing which leads to web applications creating exclusions. Nothing in React prevents us from building accessible web experiences, but we need to learn to harness its power in the right way while dealing with some unique challenges caused by creating web pages with JavaScript. This talk will focus on how to solve these issues in the context of React. It’ll also emphasize why it is important to build accessible web apps. In the end, I will also share some cool things that chrome dev tools provide you in order to make your web app more accessible.

Max stoiber

Founder, GraphCDN

14:10 CET -> 14:45 CET

GraphQL Edge Caching

In January 2018, I was the CTO of a fast-growing startup with a very ready-heavy use case. Our infrastructure couldn't keep up with our load, so our servers were crashing almost daily. At the time, no traditional CDN could cache GraphQL APIs, meaning we had no choice but to build our own solution. It turned out that GraphQL is an ideal framework for edge caching. Let's peel back the curtains and look into why and how to edge cache production GraphQL APIs at scale.

14:45 CET -> 14:55 CET

Break

Trishul Goel

Frontend Architect

14:55 CET -> 15:30 CET

Destructuring frontend monoliths with Microfrontends

In the modern app architecture, the frontend contributes a major chunk of the setup, most of the business logic is housed in the Frontend. Over time the frontend app becomes a huge monolith, harder to maintain, tricker to add new features, etc. With Microfrontends we break this monolith into smaller independent apps. These apps are developed independently but stitched as a SPA on the fly with all the goodies of client-side javascript. This has been done traditionally with several approaches, but with Webpack 5 we now have module federation, which opens the door for seamless Microfrontend integrations. In this talk, we will discuss the complete Microfrontends architecture pattern, how to destructure an existing monolith into Microfrontends with help of module federation from Webpack 5. By the end of this talk, the attendees will be having a new vision of how they architect their frontends.

Arisa Fukuzaki

Developer Relations Engineer, Storyblok

15:30 CET -> 16:05 CET

Gatsby.Jamstack for developers & business users!

Experience a combination of a blazing-fast React-based framework (Gatsby) and the headless CMS (Storyblok) that works for developers & business users. You'll learn how to develop & deploy a blazing fast blog using the real-time visual editor & component-based approach in less than 30 minutes. I promise you - your marketers & content editors will love it and you will finally develop without any restrictions or hidden traps. Long live Jamstack!

Matteo Frana

Founder, React Bricks

16:05 CET -> 16:40 CET

React Bricks: a CMS with visual editing

Headless CMSs are great for developers, but not for content creators. React Bricks leverage a powerful React library to make the Content creators dream possible: true Visual editing with your own design system. And it's pure fun for Devs too: it's just React, backed by solid SaaS APIs. I'll show you how it works!

Victor Bury

Software Engineer, Mirahi

16:40 CET -> 17:15 CET

Increase your productivity with contract-first development methodology

Have you ever used contract-first development to speed up your productivity and avoid bugs? Contract like open api specification is more than a documentation. It gives clarity to your team on how to imagine and build a new feature of your product. You can also use tool like Orval to generate your models, HTTP calls and mocks which give you more time to be focused on other requirements

Talia Nassi

Senior Developer Advocate, AWS Serverless

17:15 CET -> 17:50 CET

Learn how to test your serverless applications

My talk is about the best practices of testing your serverless applications. Serverless technologies reduce the complexity of your applications by taking care of infrastructure and server management. The main benefits of coming here will be to learn how to overcome the challenges of testing in a serverless architecture, and how to efficiently test your Lambda functions, including unit testing, integration testing, and end-to-end testing.

17:50 CET -> 18:00 CET

break

Nidhi Kumari

Frontend Engineer

18:00 CET -> 18:30 CET

Accessible Productivity

This talk is about accessibility and it’s automated testing. Accessibility is an integral part of our website that doesn't need any special effort but it makes our application accessible to special users who face issues while using our website because of some disability or impairment. Let’s take a deep dive into understanding accessibility and creating our own customisable server named pa11y to test the accessibility of your website. With pa11y, we can generate reports based on different standards like WCAG and the correct approach to fix the accessibility bugs.

Daria Caraway

Senior Software Engineer, Netflix

18:30 CET -> 19:00 CET

Internationalizing React

Learning 100 different languages is challenging, but architecting your React app to support 100 languages doesn’t have to be. As your web application grows to a global audience, multilingual functionality becomes increasingly essential. So, how do you design your code such that it is flexible enough to include all of your international users? In this talk, we will explore what it means and what it looks like to build a React app that supports internationalization (i18n). You will learn several different strategies for locale-proofing your application with React contexts and custom hooks.

Ali spittel

Senior Developer Advocate, AWS Amplify

19:00 CET -> 19:35 CET

Create an Application Backend in Clicks with the Amplify Admin UI

There's a lot that goes into building a modern application: the frontend for users, data persistence, user authentication and authorization, business logic, cloud deployment, and much more. The AWS Amplify Admin UI allows users to create and deploy an offline-ready application backend in clicks and then extend it with code, lowering the complexity of fullstack development for frontend and mobile developers. We'll build a fullstack application backed by multiple AWS services including Cognito, Appsync, and S3 in minutes.

Colby Fayock

DevRel & Astrocoder, Applitools

19:35 CET -> 20:10 CET

Getting Personal with Ecommerce, React, & the Static Web

Ecommerce depends on highly dynamic solutions personalizing experiences for customers from the price of a product to the total cost of that customer’s shopping cart. How can we leverage React and tools like Next.js to bring that dynamic experience to the static web? In this talk, we’ll explore the challenges of ecommerce in a static world. We’ll talk about what tools are available to us and how we can take advantage of them to build dynamic web apps with a practical example of a Next.js app.

Nazanin Delam

Software Engineering Manager, Netflix

20:10 CET -> 20:40 CET

Continuous learning: How to get comfortable with feedback at work

In this talk, I will walk you through tips I learned during my career in tech to not only welcome feedback but also be driven by feedback and leverage constructive feedback for your grow.

Brandon Bayer

Creator of Blitz.js

20:40 CET -> 21:10 CET

Build Fullstack Apps in Record Time with Blitz.js

Blitz.js is the Fullstack React Framework. It's heavily inspired by Ruby on Rails and is focused on making you as productive as possible. It extends Next.js and adds all the missing pieces you need for building a fullstack app with a database. By far the biggest innovation of Blitz is the new "Zero-API" data layer that abstracts away the API so you don't have to mess with REST or GraphQL APIs! And out of the box so many things are already set up like ESLint, Jest, and even a production ready user authentication and authorization system! Brandon will cover all that and provide you everything you need to start using Blitz yourself.

21:10 CET -> 21:30 CET

React Brussels Closing Ceremony

Closing Ceremony

CONFIRMED WORKSHOPS.

Available only for Online Full Ticket holders

Build Fullstack Apps in Record Time with Blitz.js
Blitz.js is the Fullstack React Framework. It's heavily inspired by Ruby on Rails and is focused on making you as productive as possible.
Backend Development on AWS for Frontend Engineers
Learning some backend principles can help frontend developers further their careers.
Concurrent Rendering Adventures in React 18
With the release of React 18 we finally get the long awaited concurrent rendering. But how is that going to affect your application? What are the benefits of concurrent rendering in React? What do you need to do to switch to concurrent rendering when you upgrade to React 18?
Building a private file server with Next.js and Supabase
Creating an app is hard! Especially when you need to worry about all the other stuff — authentication, authorization, database storage and object storage. Thankfully, Supabase makes this supa easy by giving you all of this at the click of a button.
Build visually editable React components using React Bricks
With the React Bricks library you can create visually editable content blocks using React components. These content blocks work with any Gatsby or Next.js project, saving content to the React Bricks SaaS CMS. We’ll learn how to create such content “bricks”.
Hacking Modern Web apps with RCE and Prototype Pollution
A web security course that provides you with case studies from real-world vulnerable applications
Hacking Modern Desktop apps with XSS and RCE
A desktop app security course that provides you with case studies from real-world vulnerable applications

TICKETS.

WHY GET A FULL TICKET ?

By opting for the Paid ticket you will be able to...

ask questions to our speakers in Q&A sessions and speaker rooms.

attend top notch workshops about the hottest tools in the React Ecosystem.

get a certificate of attendance and completion.

get to see our talks and panel discussions in HD quality and get immediate access to the recordings.

discuss latest trends and hot topics of the react ecosystem with technology experts.

Basic.

49€

Access to the live stream

Virtual badges

Q&A sessions

Discussion Rooms

GET YOUR TICKET

10%OF ALL PROFITS GO TO OPEN SOURCE PROJECTS

Our conferences can happen and are possible only because of the huge work that is provided by the open source community. That is why we decided to donate 10% of the profits of this event to the community. According to the amount: the donation will be done to one or few projects that will be selected by the speakers and our community partners

Submit your project now!