Logo of React Brussels

THE FIRST REACT CONFERENCE IN BRUSSELS

15.10.21

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.

Picture of Ali spittel

Ali spittel

Senior Developer Advocate, AWS Amplify

Picture of Brandon Bayer

Brandon Bayer

Creator of Blitz.js

Picture of Max stoiber

Max stoiber

Creator of Bedrock

Picture of Manjula Dube

Manjula Dube

Coder, Vanguard Group Europe

Picture of Nazanin Delam

Nazanin Delam

Software Engineering Manager, Netflix

Picture of Radoslav Stankov

Radoslav Stankov

Head of engineering, Product Hunt

Picture of Colby Fayock

Colby Fayock

DevRel & Astrocoder, Applitools

Picture of Talia Nassi

Talia Nassi

Senior Developer Advocate, AWS Serverless

Picture of Adam Klein

Adam Klein

Co-founder & CTO @ Covver

Picture of Daria Caraway

Daria Caraway

Senior Software Engineer, Netflix

Picture of Trishul Goel

Trishul Goel

Frontend Architect

Picture of Matteo Frana

Matteo Frana

Founder, React Bricks

Picture of Victor Bury

Victor Bury

Software Engineer, Mirahi

Picture of Arisa Fukuzaki

Arisa Fukuzaki

Developer Relations Engineer, Storyblok

Picture of Nidhi Kumari

Nidhi Kumari

Frontend Engineer

Agenda.

Logo of React Brussels
React Brussels Intro and opening Ceremony
Opening Ceremony
Picture of Adam Klein

Adam Klein

Co-founder & CTO @ Covver

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.
Picture of Radoslav Stankov

Radoslav Stankov

Head of engineering, Product Hunt

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.
Picture of Manjula Dube

Manjula Dube

Coder, Vanguard Group Europe

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.
Picture of Max stoiber

Max stoiber

Creator of Bedrock

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.
Logo of React Brussels
Break
Break
Picture of Trishul Goel

Trishul Goel

Frontend Architect

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.
Picture of Arisa Fukuzaki

Arisa Fukuzaki

Developer Relations Engineer, Storyblok

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!
Picture of Matteo Frana

Matteo Frana

Founder, React Bricks

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!
Picture of Victor Bury

Victor Bury

Software Engineer, Mirahi

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
Picture of Talia Nassi

Talia Nassi

Senior Developer Advocate, AWS Serverless

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.
Logo of React Brussels
break
break
Picture of Nidhi Kumari

Nidhi Kumari

Frontend Engineer

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.
Picture of Daria Caraway

Daria Caraway

Senior Software Engineer, Netflix

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.
Picture of Ali spittel

Ali spittel

Senior Developer Advocate, AWS Amplify

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.
Picture of Colby Fayock

Colby Fayock

DevRel & Astrocoder, Applitools

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.
Picture of Nazanin Delam

Nazanin Delam

Software Engineering Manager, Netflix

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.
Picture of Brandon Bayer

Brandon Bayer

Creator of Blitz.js

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.

CONFIRMED WORKSHOPS.

Available only for Online Full Ticket holders

  • Picture of Build Fullstack Apps in Record Time with Blitz.js
    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.

  • Picture of Backend Development on AWS for Frontend Engineers
    Backend Development on AWS for Frontend Engineers

    Learning some backend principles can help frontend developers further their careers.

  • Picture of Concurrent Rendering Adventures in React 18
    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?

  • Picture of Building a private file server with Next.js and Supabase
    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.

  • Picture of Build visually editable React components using React Bricks
    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”.

  • Picture of Hacking Modern Web apps with RCE and Prototype Pollution
    Hacking Modern Web apps with RCE and Prototype Pollution

    A web security course that provides you with case studies from real-world vulnerable applications

  • Picture of Hacking Modern Desktop apps with XSS and RCE
    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
SpeakerRooms
GET YOUR TICKET

Online Full Regular Bird.

99€
Access to the live stream
HD Quality streaming
Free workshops
Discussions with Speakers
Q&A with our speakers
Tech discussions
Digital Certificate of attendance
Free stickers
Access to All recordings
GET YOUR TICKET

Online BeJS Hero Regular Bird.

199€
Access to the live stream
HD Quality streaming
Free workshops
Discussions with Speakers
Q&A with our speakers
Tech discussions
Digital Certificate of attendance
Free stickers
Access to All recordings
2 Tee shirts or 1 Hoodie
30% discount for React Brussels 2022
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

Platinum Sponsors.

  • Logo of Mirahi
  • Logo of React Bricks

Gold Sponsors.

We don't have sponsors sponsors yet! Interested in being part of the first React conference in Brussels?

Check our sponsorship opportunities

Silver Sponsors.

  • Logo of AWS Amplify

Bronze Sponsors.

  • Logo of Gorilla

partners.

  • Logo of Draftbit
  • Logo of This Dot Labs
  • Logo of Jetbrains
  • Logo of Egghead.io
  • Logo of React India
  • Logo of Wallabyjs
  • Logo of Packt
  • Logo of React Finland
  • Logo of Visit Brussels