Connecting Global JavaScript Leaders

11:45 - 12:00

Welcome to React Live

12:00 - 12:40

The Phsycological effects of UseEffects

UseEffect // Backstory from Hacktoberfest

Do you know how UseEffect works? At Hacktoberfest we had no Idea, so let's go over UseEffect. How to use it with Live Code Examples.

The Effect Hook lets you perform side effects in function components. This snippet is based on the counter example from the previous page, but we added a new feature to it: we set the document title to a custom message including the number of clicks.

Data fetching, setting up a subscription, and manually changing the DOM in React components are all examples of side effects. Whether or not you’re used to calling these operations “side effects” (or just “effects”), you’ve likely performed them in your components before.

By Sara Vieira
Developer at CodeSandbox and Queer Master of QueerJS
12:40 - 13:10

Building a Markdown Editor from a design perspective

By Elizabet Oliveira
Product Designer, building Elastic UI and Kibana at Elastic. Creator of React Kawaii and Open Source lover
13:10 - 13:50

React Superpowers with GraphQL and TypeScript

If you’d think that switching from any frontend library to React already speeded up your development, wait until you’ve used it together with GraphQL and TypeScript. In this talk I’ll show you how to add superpowers to your React application. Using the GraphQL concept of data flows and the type-system of TypeScript, you can do twice the work in half the time. And it’s all type safe!--

By Roy Derks
Leading the Engineering Teams at Vandebron
13:50 - 14:30

Design Systems & React in Small Team.

By Sid Kshetrapal
Developer at CodeSandbox
14:30 - 15:00

State management & Middleware for React Applications

By Jemima Abu
Self-Taught Front End Developer
15:00 - 15:30


15:30 - 16:10

NextJS on AWS

With dynamic routing, API routes, static site generation, server rendered routes, and more, NextJS is becoming more and more powerful and popular.

On the back end, we often need an easy way to integrate features like authentication, APIs, storage, and machine learning but do not want to build these ourselves from scratch.

In this talk I’ll show you how to take advantage of everything NextJS has to offer combined with the scalability of Serverless AWS as an all-in-one cloud solution focused on front-end developers and leveraging our existing skillet to build full stack serverless applications.

By Nader Dabit
Developer Advocate at Amazon Web Services
16:10 - 16:55

The heck is CSR, SSR, & SSG in Next.js

By Ahmad Ahwais
Award-winning DevRel, Google Developers Expert, Node Community Committee, WordPress Core, Edutainer at /
16:55 - 17:35

Building React UIs visually

Yang had an early career in distributed database systems and machine learning, but over the years developed a love for frontend. He also went from big companies (like Google and Microsoft) to early-stage startups. His time with React and JS has seen him build complex spreadsheet software and massively multiplayer real-time browser games. He is now building Plasmic full-time.

By Yang Zhang
Developer at Plasmic
17:35 - 17:50


17:50 - 18:25

How to Build Your Portfolio with React

Kapehe will walk us through the build of a Portfolio. She will discuss what is most effective in a portfolio, what people are looking for and how to catch the viewers eye!

By Kapehe
Developer Relations at Sanity
18:25 - 18:55

From Context API to Recoil JS

Eric is a Senior Developer Advocate for the JavaScript and Node JS community at Couchbase. Eric is working to help other developers discover Couchbase, a NoSQL and engagement database that is revolutionizing the way we work with data from client to server.

Recoil JS was recently debuted from Facebook Open Source at React Europe and many developers are wanting to know how they can get started using it in their existing React applications. One of the easiest ways to get started is by converting an existing app from Context API to use Recoil JS for basic global state management. This talk will walk through the many Recoil JS Hooks API's that make it easy to make this transition.

If you are familiar with React's Context API, using Recoil JS can be a breeze to get started with.

By Eric Bishard
Developer Advocate at Couchbase and passionate React, Javascript and Web Developer.
18:55 - 19:10

Closing React Live

By continuing to visit this site, you accept the use of cookies by Google Analytics for statistical purposes.