October 15-16, 2020
7am PST / 10am EST / 4pm CEST
THE BIGGEST REACT CONFERENCE WORLDWIDE
-
2Days
React, React Native, GQL & more -
2Tracks
Base Camp & Summit -
30+Speakers
Sharing latest insights -
25K+Devs
From all over the globe
The Event
React Summit is a celebration of good things coming together:
REACT THAT
ROCKS AND A VIRTUAL
COMMUNITY THAT
DEVELOPS
A two-day conference on all things React, gathering Front-end and Full-stack engineers across the globe in the cloud. To help you stay up-to-date on the latest React tech, we're coming back with a new remote gig on October 15-16, 2020. Mark your calendars for the biggest virtual event for the React community.
Besides the conference talks delivered by well-known pros, be prepared for awesome MCs and a number of virtual networking activities, interactive entertainment, and engaging challenges for all participants.
Want to know the rest? Follow us
Features
TOP REACT SPEAKERS
High-quality talks from field experts followed by video Q&As
VIRTUAL NETWORKING
Join live chat rooms, make new friends, meet future coworkers
REMOTE, SAFE, YET FUN
Socialize at remote afterparties and gaming tournaments
Speakers & Instructors
Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. Kent is the creator of TestingJavaScript.com and he's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and React.
Sara is a developer at CodeSandbox. GraphQL and Open Source enthusiast. Conference Speaker and Airport expert. She's also a fan of horror movies, has talents such as banging sticks into a drum kit and saying the wrong thing at the wrong time.
Max Stoiber is a Staff Software Engineer at Gatsby, inventing the future of web development. Previously he worked at GitHub, who acquired the startup he co-founded, Spectrum. He is well known for making styled-components, react-boilerplate, and a wide variety of other open source projects in the React ecosystem.
Jen Luker is a Sr. Frontend Engineer, conference speaker, and BookBytes podcast co-host. She has spent the majority of her career as a full-stack developer using PHP, Javascript, and CSS, but has a particular fondness for frontend technologies. She is an advocate for both accessibility, and processes that make doing the right thing easy and the wrong thing hard. When she's not exploring solutions, learning new technologies, or reading, Jen's spare time is spent spinning yarn from raw wool and knitting; she's even been known to 3D print her own tools for the job. She is also fascinated by all things space, antique cars, and IoT.
Guillermo Rauch is the CEO or Vercel, co-creator Next.js, former CTO and co-founder of LearnBoost and Cloudup, acquired by Wordpress.com in 2013. His background and expertise are in the realtime web. He's the creator of socket.io, one of the most popular JavaScript projects on GitHub, with implementations in many different programming languages and frameworks (currently running the realtime backend of high profile apps like Microsoft Office online). He created the first MongoDB ORM for Node.JS, MongooseJS. Before that he was a core developer of the MooTools JavaScript framework. He's the author of "Smashing Node.JS" published by Wiley in 2012, best-selling book about Node.JS on Amazon in multiple programming categories.
Joshua is a developer at Airbnb, working on improving the front end performance of the most visited pages on the site! Joshua cares deeply about ensuring fast experiences for everyone, and has worked on performance optimization and instrumentation to achieve this.
With experience building both UI platforms, design systems, and product UI, Joshua has learnt what really works when it comes to performance (and what doesn't!) and is looking forward to sharing these lessons with you.
Kathleen is a fullstack engineer with a design background. In other words, she really enjoys the front of the frontend, digging into new technologies, and talking about accessibility, React component libraries, design systems, and inclusive documentation. She's also a Color Module Specification Editor for the W3C Design Tokens Community Group.
When not coding, designing, or speaking about things, Kathleen is the best Lanterne Rouge cyclocrosser you’ll ever meet.
Ben is a Christian, husband, and father of 3, with 15 years of professional experience developing user interfaces for the Web. He currently is a Principal Frontend Engineer at Stitch Fix on their Frontend Platform team, helping architect their Design System. Ben also is a Google Developer Expert, Microsoft MVP, and enjoys playing basketball, DIY, watching movies, and tweeting (@benmvp) / blogging (benmvp.com) about his experiences with new web technologies.
Currently on the UI Platform team at Uber. Focused on design systems (baseweb.design), open source (multiple popular react libraries as react-movable or react-portal), CSS in JS and great user/developer experiences. Previously building product at Cloudflare.
Open source fanatic, speaker and trainer. Author of MobX, MobX-State-Tree, Immer and a plethora of smaller packages. On a continuous quest to make programming as natural as possible. React, JavaScript and TypeScript fan. Working at Facebook on dev tooling for mobile developers.
Ruth Mesfun is a Software Engineer at Teachers Pay Teachers. Her team was tasked to de-risk important pages that were dynamically rendered on mobile which they completed in two months.
While learning all about SEO and mobile-first indexing she also is taking a class in beginner Japanese and finished a Financial Coach program.
Brandon Bayer is the creator of Blitz.js. He is currently a full-time maintainer of Blitz and supports himself with part-time consulting on the side. Outside of Blitz, his other passion is flying real airplanes and RC helicopters.
Jemima Abu is a self-taught Front End Developer and school-taught Systems Engineer from Lagos, Nigeria.
She currently works at Telesoftas, a software company based in Lithuania. She is an avid advocate for diversity and intersectionality in technology and accessibility in web development.
She's also a huge nerd, slightly obsessed with cats and can usually be found on her laptop, coding or watching slice-of-life anime.
CTO & Co-Founder of EventLoop, engineer and trainer, Google Developer Expert, worldwide speaker and published author. Vladimir works mostly in Web and Mobile fields advocating usage of React, React Native, GraphQL as well serverless architectures and functional languages such as ReasonML.
Majid Hajian is a passionate software developer with years of developing and architecting complex web and mobile applications. His passions are Flutter, PWA, and performance. He loves sharing his knowledge with the community by writing and speaking, contributing to open source, and organizing meetups and events. Majid is the award-winning author of the "Progressive web app with Angular" book by Apress and the "Progressive Web Apps" video course by PacktPub and Udemy. He is (co)organizer a few Nordic conferences and meetups including GDG Oslo, FlutterVikings, Mobile Era, and ngVikings.
Nader has been developing with React Native for over 2.5 years. He has worked with and trained developers from fortune 500 companies like Amazon, Visa, American Express, and Microsoft, helping them to get up to speed with React Native as quickly as possible.
Liad is the Frontend Architect and Tech Lead in Duda, in charge of its client-side infrastructure, technologies, and performance. He is a web dev enthusiast for over a decade, juggling React, Webpack and [email protected] in order to always build the best user experience.
Dylan is a Senior Software Engineer at Mux, a startup building online video infrastructure for developers. Dylan works on the DevEx team to help developers deliver smooth video to their users. Previously he co-founded Crowdcast, a live video streaming platform.
Adam L Barrett is a JavaScript and Front-End consultant, a contributor to open source, and avid bike-shedder. Adam believes, when writing conference bios, he should probably mention his two children, his love of movies and probably his hobbies, like hosting a board game podcast, to help the reader connect with him as a person, but ...well, that sounds sort of manipulative so Adam has chosen not to. Adam is above that.
TJ VanToll is a front-end developer, tech author, speaker, and a Principal Developer Advocate. He has over a decade of web development experience, including a few years working on the jQuery and NativeScript teams. Nowadays TJ spends his time helping web developers build awesome UIs with KendoReact.
Krasimir has been writing for more then 10 years. Mostly code but also articles and books. You'll find him speaking on web related topics. Last couple of yeas he's been using React and its ecosystem extensively at Antidote.me. Where he and his team mates are trying to help patients reaching clinical trials.
Milecia is a senior software engineer that's worked with JavaScript, Angular, React, Node, PHP, Python, .NET, SQL, AWS, Heroku, Azure, and many other tools to build web apps. She also has a master's degree in mechanical and aerospace engineering and has published research in machine learning and robotics. She started Flipped Coding in 2017 to help people learn web development with real-world projects and she publishes articles covering all aspects of software on several publications, including freeCodeCamp. In her free time, she spends time with her husband and dogs while learning to play the harmonica and trying to create her own mad scientist lab.
Adron has a wide range of companies, programming, and database experience. This includes companies ranging from small startups to 200k plus person enterprises and the respective challenges of design and architecture for these companies. In programming, Adron is fluent in C#, JavaScript, and Go, with experience in F#, Java, C++, Erlang, COBOL, and others, for a truly polyglot perspective of language approaches and their technology stacks. But, I get super frustrated writing in the third person for various reasons. So I like to think of me as jovial, proactive, test & code, code & test, get things done well, software architect, engineer, code monkey, coder, and distributed systems advocate. I go by the title of “Coder, Messenger, Recon” as it seems to encompass what I do.
Advice Lounge
Our MC's
React focused developer, currently outsourced at the airline Transavia. Started out writing ActionScript, did jQuery and thus has all sorts of knowledge on deprecated stuff. Part of a frontend development couple that produced a kid.
Web engineer based in London. Originally from Nicaragua, Eli is also a speaker and community organiser, so when she’s not working you can find her at tech events, teaching people to code or tweeting.
Kenneth is a StandUp comedian and a public speaker from New Orleans, Louisiana. He's been doing comedy since 1994. Since 2013 Kenneth has started to MC events, including Chain React & MagnoliaJS conferences.
Martin is a developer advocate on the Webmaster Trends Analyst team at Google Switzerland. In this role, he helps developers and content creators to build great content on the web. He is involved with the W3C as well as the global web and JavaScript developer community, working to keep the web open.
Vitaly Friedman loves beautiful content and does not give up easily. He is the co-founder & editor-in-chief of Smashing Magazine, a leading online magazine dedicated to design and web development. Vitaly is the author, co-author and editor of all Smashing books. When he is not writing or speaking at a conference, he’s most probably running front-end/UX workshops and webinars. He loves solving complex UX, front-end and performance problems.
October 15th Schedule
How do you level up? How do you jumpstart your learning when getting into something new? Nobody has more than 24 hours a day, so how do you maximize the impact of your limited time?
In this keynote, I'm going to tell you a bit of my own story, and some tips and tricks that I've learned so you can be as productive as you can be at learning new things and solidifying that knowledge so it's there when you need it.
Service workers can give users a huge boost in performance and user experience. If you read the API docs about how to create one, it all sounds relatively straightforward. You register a file, do some work in the worker, you're done! In the real world though, there's a bit more to it.
At Airbnb, we created a service worker system in React that lets us deliver service workers safely and efficiently, measuring the right things, and allowing experimentation and scope-sharing between different types of devices and parts of our site.
Ranging from app shells to precaching to prefetching, I will share with you some of the lessons we have learned from running service worker A/B tests on the most visited page at Airbnb, and what we learned from it!
No matter what size or stage of service worker adoption you are at, I will share ideas and lessons that will help you create a similar system for your project – one that ensures delivering service workers is fast, measurable, painless, and better for your users.
The benefits of SVG are vast: style-able, accessible, animatable. And when it comes to SVG, the Path element is the building block of building blocks. During this presentation, we’ll take a deep dive into the language of the SVG path. Not only will we learn to read path data, but we'll also gain the ability to manipulate paths on the fly with the help of React - no Adobe Illustrator or help from a time-strapped designer necessary!
The main thread, on the web, has a lot of responsibilities. At the same time, web apps are getting more sophisticated every day. Therefore, the main thread gets too busy that will disappoint our user by showing janky frames! The off-main-thread architecture ensures apps run smoothly on every device for everyone.
In this talk, we will go through the possibilities in browsers such as WebWorker, Worklet, and WebAssembly by introducing practical tools that allow us to boost our user experiences.
Google announced that they will fully switch over to crawling and indexing sites using mobile-first indexing by March 2021. Now for some companies their mobile site is dynamically rendered which has a high risk of decreased ranking on google once mobile-first indexing is fully implemented.
This presentation will share how to assess what changes needs to be made, best practices to increase SEO for Mobile First Indexing, how to increase performance, and how to turn parts of your site from dynamic rendering to mobile responsive in less than two months.
Nx is a next generation suite of build tools. Next.js is state-of-the-art framework for building web applications. Together they bring order to the chaos of building multiple web applications across many teams.
This talk is a quick rundown of how Nx can help you maintain multiple Next.js apps, with multiple teams, while sharing components and libraries for consistent user experience.
As a full-stack engineer with a bias towards the database...and a career spent working with and evangelizing database and distributed systems...why GraphQL? In this talk, I will share some of my personal journey with React, GraphQL, their respective communities, and my point-of-view on the future.
TypeScript is a JavaScript superset that compiles down to vanilla JavaScript and has become increasingly popular. TypeScript proponents proclaim that it eliminates entire classes of bugs that affect our applications. But what exactly are those bugs? Which ones are particular to building React components and applications? Is TypeScript worth the learning curve?
In this session geared towards devs with prior experience building React applications, let’s answer those questions. We’ll walk through the common bugs that infect our apps and learn how the use of strong types with TypeScript can help prevent them. After the session, you’ll be itching to try it out in your next project!
We have been using hooks for a while and with that we have also been using useEffect in particular and in this today I wanna take a look at the trickier parts of useEffect and why they work that way so you can leave with a super understanding of how this magic all works
CDK (Cloud development kit) enables developers to build cloud infrastructure using popular programming languages like Python, Typescript, or JavaScript. CDK is a next-level abstraction in infrastructure as code, allowing developers who were traditionally unfamiliar with cloud computing to build scalable APIs and web services using their existing skillset, and do so in only a few lines of code.
In this talk, you’ll learn how to use the TypeScript flavor of CDK to build a hyper-scalable real-time API with GraphQL, Lambda, DynamoDB, and AWS AppSync . At the end of the talk, I’ll live code an API from scratch in just a couple of minutes and then test out queries, mutations, and subscriptions.
By the end of the talk, you should have a good understanding of GraphQL, AppSync, and CDK and be ready to build an API in your next project using TypeScript and CDK.
As you add more components to your React application, you'll start to notice performance issues. Maybe data isn't loading as fast or you notice that things are happening out of order. There are tools and techniques you can use to handle these kind of issue at a large scale. In this talk, attendees will learn how to analyze their React apps for solvable issues and learn some state management and async handling techniques.
Google announced that they will fully switch over to crawling and indexing sites using mobile-first indexing by March 2021. Now for some companies their mobile site is dynamically rendered which has a high risk of decreased ranking on google once mobile-first indexing is fully implemented. This presentation will share how to assess what changes needs to be made, best practices to increase SEO for Mobile First Indexing, how to increase performance, and how to turn parts of your site from dynamic rendering to mobile responsive in less than two months.
Nx is a next generation suite of build tools. Next.js is state-of-the-art framework for building web applications. Together they bring order to the chaos of building multiple web applications across many teams.This talk is a quick rundown of how Nx can help you maintain multiple Next.js apps, with multiple teams, while sharing components and libraries for consistent user experience.
As a full-stack engineer with a bias towards the database...and a career spent working with and evangelizing database and distributed systems...why GraphQL? In this talk, I will share some of my personal journey with React, GraphQL, their respective communities, and my point-of-view on the future.
In this lightning talk we will be pushing the boundaries of HTMl5 Canvas browser APIs. Join us while we do some experiments with video in the browser to see what’s truly possible. DISCLAIMER: No promises of cross-browser compatibility. Not for the faint of heart. Must be this tall to ride. Attending this lightning talk may result in serious injury or death. All participants must bring a life jacket.
October 16th Schedule
Blitz is a hyper productive framework for building fullstack React apps. You'll learn why I created Blitz, it's advantages and disadvantages, how it makes you so productive, and for what cases you should consider using Blitz.
There are many ways to measure web performance, but the most important thing is to measure what actually matters to users. This talk is about how to measure, analyze and fix slow running JavaScript code using browser APIs.
Are you a React Native developer? Have you always been longing for the rich ecosystem of developer tooling that exists for the web in e.g. Chrome and Firefox? Flipper is Facebooks internal, extensible mobile devtool platform, used by the mobile devs that work on the Facebook, WhatsApp, Instagram and many more apps.
Recently the React Native and Flipper team have been working hard to add first class support for React Native as well. This means that monitoring network traffic and performance, using the React Devtools, inspecting device and application logs or even debugging JavaScript can now can now be conveniently done using one coherent tool.
And best of all: Flipper is extensible, so let's build our own plugin while at it!
Accessibility in React has been a hot topic in the last few years, but in this talk, we'll be going beyond the basics. We'll discuss what disability means beyond what you've heard before, and then use code examples to learn why semantic HTML is helpful, and when it's just not enough. We'll then look into tooling, and talk about how you can introduce accessibility testing into your teams and existing code. You'll leave with the tools and knowledge to make a difference starting today.
There are many CSS-in-JS libraries for us to choose from. Imagine being able to take your favorite parts of those libraries and using them in one. Learn about the power of Theme UI.
A comparative analysis between four methods of styling React components from inline styling to Styled-Components. This talk is best suited to beginner developers.
Markdown is great for content-driven sites. MDX is even better, letting you embed interactive components directly from your markup. It's usually used for the same linear layouts you often see on many blogs, readmes, and documentation sites. But it doesn't need to be like this.
In this talk, we'll see how to reshape MDX so we can use it for very different layouts, things like scrollytelling, slide decks, and more.
In this talk I’m going to convince you that paid UI components will solve all your problems, and that you should immediately give me all of your money. Maybe. Or perhaps I’ll draw on my experience working both on free and open source tools (jQuery, jQuery UI, NativeScript), as well as paid tools (Kendo UI, KendoReact), and discuss which type of tool makes sense depending on your team and needs. In any case the talk will go fast because lightning is in the title.
So you built a component library. Congrats! I am sure it is awesome but did you put the same effort into its documentation? Component libraries tend to have giant APIs, dozens of components, hundreds of props and thousands of permutations. That is a lot of information to unpack.
We could make the documentation very long or... super interactive. We combined component previews, API documentation, props editing and code editing into a single seamless experience. You can quickly explore various settings of each component while watching the code write itself.
This talk will show you how to leverage common tools and concepts such as Prettier, babel and AST transformations to build the documentation that can literally work for you.
Every bug is different: Some are lurking around for months, others appear suddenly after the upgrade of a dependency. Some are introduced by us, others by other teams or systems. Some are painfully obvious and affect all users, others only occur in edge (cases). And the ways of finding, and eventually, preventing them, are just as diverse: be it snapshot, unit, integration, end to end tests or automated visual tests, every kind comes with its challenges and opportunities. Testing UIs is hard, but in the end, only test automation can give us the confidence we need to move fast and refactor our code relentlessly. In this talk we are going to look at what kinds of bugs there are, which tests are most effective for catching which, and how we can implement them using modern front end technologies.
Virtual Reality gives us an ability to experience virtual worlds from the comfort of our homes. But it doesn't have to be experienced alone. In this talk we will see how we can use React, WebVR and GraphQL to create social VR experience in the browser.
All too often A11Y is only an afterthought and will be added to a project "when we have time" i.e. never. But there are a many reasons why you should develop with a11y in mind from the start including some that will convince The Higher-Ups. We'll explore tools we can use to help us develop more accessibly and talk about some of the quirks and limitations that React Native has.
Is your complex documentation setup a maintenance nightmare and chasing away potential contributors? In this talk, you will learn how to make your React component library documentation more user and contributor-friendly with Gatsby and MDX. Pair this with accessibility best practices, and your documentation will be inclusively smooth.
There are many CSS-in-JS libraries for us to choose from. Imagine being able to take your favorite parts of those libraries and using them in one. Learn about the power of Theme UI.
In this talk I’m going to convince you that paid UI components will solve all your problems, and that you should immediately give me all of your money. Maybe. Or perhaps I’ll draw on my experience working both on free and open source tools (jQuery, jQuery UI, NativeScript), as well as paid tools (Kendo UI, KendoReact), and discuss which type of tool makes sense depending on your team and needs. In any case the talk will go fast because lightning is in the title.
Markdown is great for content driven sites. MDX is even better, letting you embed interactive components directly from your markup. It's usually used for the same linear layouts you often see on many blogs, readmes, and documentation sites. But it doesn't need to be like this. In this talk, we'll see how to reshape MDX so we can use it for very different layouts, things like scrollytelling, slide decks, and more.
A comparative analysis between four methods of styling React components from inline styling to Styled-Components. This talk is best suited to beginner developers.
Do you know that the first novel ever written dates back in 1021. Its author is the Japan noblewoman Murasaki Shikibu. Till then countless of writers put their thoughts on paper and countless of readers experience their stories. People write for decades and we, as software developers, kind of ignore their craft. We write too. Not novels but software. Isn't it this still writing? Believe it or not there is a lot in common between creating fiction and writing code. In this presentation we will see how close we are to giants like Hemingway and Stephen King. Can we get some of their wisdom and apply it to our daily job as engineers. Come to this talk and will get a few practical advices. I hope my presentation will make you a slightly better React developer.
JS awsomeness beyond webpages. First we'll write a cool 2D game (in Javascript) - and then - write AI code (in Javascript!) that will be able to win this game for us. Oh, what a time to be alive!
Program Committee
Naomi is a Software Development Engineer at Adobe on the Globalization, Core Services team where she works on the internationalization and localization of Creative Cloud and Document Cloud products. Before writing JavaScript full time, Naomi worked as a teacher across Asia and West Africa. She enjoys weekends outside - hiking, camping, and riding bikes.
Full-access attendee perks
Enjoy HD streaming quality
Get the full experience or get prepared for a big screen
Get recordings straight after the conference
Others get it in a month
Free 3h workshops
The workshop recordings will be shared after the conference
No ads
Enjoy the stream without distraction
Interactive Sessions With Speakers
One-on-one Advice Lounge with speakers
Discuss your own projects with top pros
Speakers’ personal video rooms
Hang out with well-know React developers and ask them anything
Q&A Discord channels
Enjoy chatting with the speakers in Discord space
Discussions
Explore specific technologies in their dedicated video rooms.
Vladimir Novick
Jen Luker
Sophie Au
Vojtech Miksu
Kathleen McMahon
Brandon Bayer
Nader Dabit
Tomasz Łakomy
Kent C. Dodds
Max Stoiber
Attend Watching Parties
Join random groups of conference attendees watching/discussing the event. Make new friends!
Remote Afterparty Bar
Join Spatial.chat and enjoy a remote drink with the community!
Follow us for updates
Giving back to community
Every year, we try our best to make the event accessible and inclusive for a diverse audience. We would like to especially thank the following partners who have supported this initiative and helped us provide Diversity Scholarships for people from the groups that are underrepresented in tech.
Sponsors
We would not be here, if companies like Facebook would not invest into Open Source so heavily, as well as React would not grow that much without support of multiple great companies from across the globe. We're really grateful for all the trust and support our partners shared with us.
Would like to join the community and improve your tech brand?
Email us.
