< React Global >
Online Summit for Frontend Developers
Video Recordings of the Junior Track $15
Is OVER
Recordings are ready...
15 000+ Registrations 15 000+ Registrations 15 000+ Registrations
40+ Speakers 40+ Speakers 40+ Speakers 40+ Speakers 40+ Speakers
24 hours of tech talks 24 hours of tech talks 24 hours of tech talks
15 000+ Registrations 15 000+ Registrations 15 000+ Registrations
40+ Speakers 40+ Speakers 40+ Speakers 40+ Speakers 40+ Speakers
24 hours of tech talks 24 hours of tech talks 24 hours of tech talks
Micro-frontend
Multi-Page Applications
Streams
App building
Working with Hooks
Class components
worker threads
GraphQL Mesh
React in patterns
Server-Side Rendering
React Architecture
React state management
React Jest unit testing
Single Page Applications
Design System
React Alternatives
General design patterns
Real-World SPAs & React Web Apps
Mobx and mobx-state-tree
React TypeScript
Bootstrapping the app
<WHAT'S NEW IN
REACT>
Defining a component
Prop Validation
Testing components
Introduction to gatsby.js
next.js
Architecture
Mobx and mobx-state-tree
React Architecture
next.js
General design patterns
GraphQL Mesh
Architecture
React Jest unit testing
Working with Hooks
Design System
Server-Side Rendering
React in patterns
React state management
React TypeScript
Micro-frontend
<WHAT'S NEW IN
REACT>
Real-World SPAs & React Web Apps
React Alternatives
Single Page Applications
Multi-Page Applications
App building
Bootstrapping the app
Class components
Defining a component
Testing components
Introduction to gatsby.js
<OUR MISSION>
Offline events are gone for some time, but the tech world doesn't slow down.
React JS community needs the platform to share the latest updates and use cases to improve coding skills and get architectural insights. We aim to provide an online event for React JS geeks from all over the world to share what's new in domain.

Geekle has the unique experience to gather huge tech summits with 11'000+ attendees with 95% of free users registered in different tech domains. Now we hope to make something world never seen before for the React JS Community.
See ya'll!
<SPEAKERS FROM>
<PARTNERS>
<LIVE TALKS FROM>
NO pre-recorded videos
Shawn Wang
DX
Shruti Kapoor
Senior Software Engineer
Aman Jain
Engineering Lead
How to validate your startup idea quickly
Navigating Front End Technical Interviews
React TypeScript Typesafe, Fullstack React
React TypeScript Typesafe, Fullstack React
With TypeScript and GraphQL, React developers now can add strong typing to their front-end- and back-end-facing code. Both improve user experience (preventing runtime errors) and developer experience (documenting interfaces and warning early). The problem has always been a substantial amount of tooling needed to set this up. In 2020, the tooling landscape has dramatically improved. Let's live code a React + TS + GraphQL app to show it!
How to validate your startup idea quickly
One of the key lessons I’ve learnt while working in Facebook’s innovation lab is this - most new products fail in the market, even if the execution is good. This doesn’t mean that you shouldn’t even try building something new. But it means that you should try to quickly validate the idea before spending time and money building it. In this talk, I will describe a playbook that you can use to validate your idea in a matter of a few days. You will learn how to crystallize your hypothesis, do basic calculations to estimate market size, and use prototyping tools to validate the idea.
Erin Doyle
Fullstack developer
Accessibility Tips and Tricks
Accessibility Tips and Tricks
I will go over several tools (eslint-plugin-jsx-a11y, react-axe, storybook a11y addon, and others for unit testing and CI/CD) that can be used to assist in developing React apps that are accessible. I'll also talk about creating a component library with accessibility baked in can make it even easier to create accessible apps more quickly.
Radoslav Stankov
Head Of Engineering
Product Hunt React Architecture
Product Hunt React Architecture
In Product Hunt we have been using React for more than 5 years. In this talk, I'm going to showcase our React architecture, what we learned among the way. The topic includes designing reusable React components, GraphQL, routing, application lifecycle, and optimizing for SEO.
Danielle Carrick
Engineering Manager, Data Visualization
Advanced Data Visualization in React.
Advanced Data Visualization in React.
D3 is the most popular library for creating interactive data visualizations. React is one of the most popular frameworks for web development (duh, that's why we're here). But anyone who has tried to use them together has realized they don't always play nice. In this talk, I will share how I learned this the hard way, as well as tips and case studies for building data visualizations in React, and when to give the power to D3.
Krasimir Tsonev
Senior Frontend Engineer
React Patterns (Redux)
React Patterns (Redux)
Three years ago, when I first started using React, I thought that it is just a view layer. It is more like a library rather than a framework. It was straightforward to start. That was fine until I (and as many others) realized that React is not giving us architecture. It is a well-implemented rendering mechanism. The rest, however, is in the hands of the developers. And that's what I like the most in React. It's a simple but very powerful abstraction that gives us freedom. The community started growing faster, and we saw Flux then Redux, lots of tutorials, and blog posts. I started making notes about patterns while developing with React. And that's how my "React in patterns" book (http://github.com/krasimir/react-in-patterns) created. And that's what my talk will be about. Various techniques and patterns that will help you develop flexible and scalable React applications. Short Desc: There are tons of materials on React.js. However, just a few are talking about patterns, which is the library's most significant benefit. React is teaching paradigms that are useful for every programmer in general. Come to this talk to see the most important ones.
Manjula Dube
Web Engineer
Web for everyone
Web for everyone
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 emphasise 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.
Emanuel Suriano
Senior Software Engineer
Typescript Runtime Validation
Typescript Runtime Validation
Sometimes using types inside our application, it's not enough to make sure that it won't break on runtime. Because of that, we see ourselves forced to write validation for our entities manually. In this talk, I want to present a way that you can generate validators for all your types in your application automatically, and how to integrate this into your development workflow.
Carrie Maxwell
Security Engineer
React Patterns (Redux)
Three years ago when I first started using React I thought that it is just a view layer. It is more like a library rather then a framework. It was really easy to start. That was fine until I (and as many others) realized that React is not giving us architecture. It is a well implemented rendering mechanism. The rest however is in the hands of the developers. And that's what I like the most in React. It's simple but very powerful abstraction that gives us freedom. The community started growing faster and we saw Flux then Redux, lots of tutorials and blog posts. I started making notes about patterns while developing with React. And that's how my "React in patterns" book (http://github.com/krasimir/react-in-patterns) was created. And that's what my talk will be about. Various techniques and patterns that will help you develop flexible and scalable React applications. Short Desc: There are tons of materials on React.js. However, just a few are talking about patterns. Which is actually the biggest benefit of the library. React is teaching paradigms which are really useful for every programmer in general. Come to this talk to see the most important ones.
Nader Dabit
Senior Developer Advocate
NextJS on AWS
NextJS on AWS

As developer talent continues to become more sought after and in many cases, more expensive, it becomes harder for startups to compete without either:
1. Massive investment
2. Hyperfocus on developer velocity/efficiency

Modern Serverless technology is lowering the barrier to entry & making #2 more accessible, with a renewed focus on trying to enable front-end developers to leverage their existing front end skillset across the stack to build real-world full-stack applications.

Developers, companies, and teams that recognize this will have a large step ahead of their competitors and out of the gate be ahead of the curve when variance in opportunity costs begin to be apparent in the product or service the team is building.

The exciting thing in this space is the evolution of tooling, which focused on making this happen and making it more accessible. In this talk, Nader will talk about some of the tools available today in this space, then dive deep into the tooling that his team at AWS is building. He will then demo how to make a full-stack live streaming app in a live coding session."
Colby Fayock
Lead UX & Front End Engineer
Put Down the Javascript: Level Up with the Fundamentals of Web Development
Put Down the Javascript: Level Up with the Fundamentals of Web Development
Bootcamps and tutorials have a habit of throwing those curious to learn right into Javascript, ignoring web development fundamentals, making them miss some critical pieces to the web puzzle. We'll look at how you can level up your Javascript by getting back to HTML and CSS basics that can enhance SEO, performance, and accessibility.
Abdelwahab Mahmoud
Front-end Software Engineer
Up and running with GatsbyJS
Up and running with GatsbyJS
Sometimes we forget that high-speed internet access is a privilege. As Front-end Developers, it's part of our jobs to make sure that the websites we build include those who might have a slow, unstable, or limited internet connection. The process of optimizing sites is repetitive and tedious. You should optimize and lazy-load images, minify code, code-split the bundle, and much more. Fortunately, GatsbyJS takes care of all of that. In this talk, you'll learn what GatsbyJS is, how you can use it, and its ecosystem to quickly build blazing-fast websites.
Alex Thomas
React Native zealot, Creator of Mapsy
React Native Web
React Native Web
React Native Web - What is it? How does it work? Why would anyone write an application like this? What are the common issues encountered when writing web applications in RNW, and how to solve them? What are the critical differences with React Native? How similar is it to React?
Charly Poly
GraphQL in 2020: all the essential innovations that GraphQL is bringing to the web
GraphQL in 2020: all the essential innovations that GraphQL is bringing to the web
Let's see together what can be done with GraphQL in 2020.
More than just a client-side fetching technology, GraphQL has rapidly evolved in the last years in order to help deal with data at many levels.
This talk will cover all the essential innovations that GraphQL is bringing to the web.
Conor Hastings
Java Script Engineer
Collocations Side Effects and State Updates With a Supercharged useReducer
Collocations Side Effects and State Updates With a Supercharged useReducer
The talk will go over the pain points of managing asynchronous state with React hooks, often leaving our code littered with useState or useReducer called immediately followed by effect calls or even worse effect calls with conditional triggers inside of them. What if we could streamline this allowing you to dispatch side effects along with state updates so the asynchronous code updates can be dispatched in the same way as a synchronous state update your components can be free of messy calls to useEffect
James Q Quick
Developer
React Security Implications You Need to Consider
React Security Implications You Need to Consider
There's more to building React applications than creating a few components and calling it a day. Before you push to production, you need to make sure you put particular thought into protecting your users. In this talk, we'll discuss core concepts in authentication vs. authorization and front-end vs. back-end security. You will walk away knowing what considerations you need to address to make your React applications are secure.
Joe Karlsson
Software Engineer and Developer Advocate
Building Your First GraphQL App With React
Building Your First GraphQL App With React
Modern frameworks have overtaken the scene for writing web applications today, they solve complex situations and help to bring down overhead, but they are also pointed out as the cause of bad practices and degraded performance.

How did we write web applications before frameworks? Which strategies can we bring back and adapt to the technologies we use today? Applications from ten years ago have one similarity, the web as their canvas, we are going to explore how to take advantage of the platform while building modern solutions.
Martin Chaov
Software Architect
Integrating React Into Legacy Projects
Integrating React Into Legacy Projects
Those examples about how to customize the theme of your app or that toggle component sample are fine to see the basic use case of new React patterns and features, but they are not enough to see how powerful these techniques are. In this talk we will see in depth how to put together most of the recent React advanced patterns and features (Compound Components, High-Order Components, State Initializers, Context API, Refs and -of course- Hooks!) to solve complex real-world problems in a simple, yet elegant way, including proper automated tests for them.
Ankita Kulkarni
Technical Lead
10 consulting lessons learned from architecting react apps
10 consulting lessons learned from architecting react apps
Having consulted for a few years, it was fun to build react apps and think in components, although every client is different and it’s important to treat them on a case by case basis. React will continue to evolve and developers will keep rewriting their code but how is that like when you scale your apps? In this talk, I’ll go over framework adoption, code organization, the good and the bad parts of working with react, state management, how hooks can be great but things to be mindful of and more. I will also go over some of the challenges along with some techniques I learned after consulting for 5 yrs and more, that will help you in your journey.
Anisha Swain
Associate Software Engineer
State Management using React Hooks
State Management using React Hooks
Managing states in a React application is one of the biggest challenges for many frontend developers. In large commercial web applications, the complexity may be such that using React alone will not be sufficient. Some developers tackle the challenge by using React Hooks, others combine them with application state management libraries like Redux. In this talk we will take a closer look at state management with hooks and also talk about both hooks and Redux in the context of managing state.
Milecia McGregor
Developer Advocate
Making Your React Apps Perform At Scale
Making Your React Apps Perform At Scale
When you start building a React app, it's easy to start adding components and different libraries to get you set up faster. After a while you have components handling complex states and numerous calls to different APIs. Eventually you'll start to notice that your app is running slower than it used it. In this talk, you will learn how to use different tools to find the areas of your React app that can be improved. You'll also learn some techniques and strategies to make sure that your app is as high-performing as it can be. We'll cover some of the ways you can simplify your state, reduce the number of API calls you're making, and increase the overall speed of your app.
Milad Heydari
Tech-Lead & Co-Founder
Modern Server-Side Rendering elaboration in Next.js
Modern Server-Side Rendering elaboration in Next.js
Developers may think launching SSR application with react must be painful. In this talk, Milad describes a simple SSR method, does a deep dive into SSR with Next.js, and how he is using it. He will share with you some useful tips about challenges, optimizations, writing clean codes beside do’s and don’ts in Next.js. This talk will cover many of the Next.js features to accomplish a great website application with acceptable performance and speed.
Roy Derks
Leading tech teams at Vandebron
Life After Redux: The Current Situation of State in React
Life After Redux: The Current Situation of State in React
The Context API was a "problem" for a long time as it was considered unstable. However, it was used by the #1 solution of large-scale state management in React – namely Redux. The React core-team has stabilized Context used publicly, while with the release of Hooks this Context can be changed easily. But is this the final solution to state management in React, or are there (better) alternatives?

This talk will transition from explaining the basic concept of immutability and state-management to using Context and exploring alternative libraries like Recoil and MobX. I'll make sure that you know how to handle local state management and large-scale state-management for your next project!
Uri Goldshtein
Founder
GraphQL Mesh – Why GraphQL between services is the worst idea and the best idea at the same time!
GraphQL Mesh – Why GraphQL between services is the worst idea and the best idea at the same time!
We all heard about the benefits of using GraphQL between the client and the server. However, when it comes to communication between services on the back-end, there are still many discussions about different philosophies and solutions. Should you use Federation, Stitching, or not use GraphQL at all? In this talk, I'm going to demonstrate each approach, show each of them's downsides, and reveal a new, radical approach that brings the best of all worlds.
Vladimir Novick
Software Architect & Consultant
Controlling apps with your mind
Exploring GraphQL ecosystem in 2020
Exploring GraphQL ecosystem in 2020, and the idea is to talk about all solutions you can use nowadays for developing using GraphQL. The talk will cover different GraphQL back-end and architecture solutions such as AWS AppSync, Hasura, Prisma, GraphCMS, etc., and will cover the differences between them. It will also have interactive demos and examples I will show during the talk.
Adam Klein
Co-Founder
We don’t know how React state hooks work
We don’t know how React state hooks work
We use them all the time, and we think we know state hooks work (useState, useReducer). But under the hood, as expected, things are not what you imagine.
This talk is about update queues, batching, eager and lazy updates, and some other cool things learned from looking at Hooks source code. It also contains practical takeaways that will help you better understand and debug your code
Option 2: State management in a world of hooks We are at the intersection of 2 paths. One is about the evolution of how we share code between React components, and the second is about how we share data between them.

In this talk, we will explore how we can leverage hooks' power in global state management, what are the benefits and drawbacks to using Context API, and what alternatives do we have.
Gert Hengeveld
Full Stack Software Engineer
Going Component-Driven
Going Component-Driven

Going Component-Driven
Building React apps is all about components. React has established patterns for building UIs from well-specified components. Are you applying these patterns properly, and is your workflow optimized for it? Component-Driven Development is a development methodology that centralizes components in the development process. It means building UIs from the bottom up, from components to screens to pages. Storybook is the leading tool that enables the CDD workflow. In this talk, Storybook team member Gert Hengeveld explains how to use Storybook for app development and improve your development workflow. He'll highlight some of the Storybooks' latest features and glimpses at what's coming next.
Christoffer Niska
Technology Evangelist
Going Component-Driven

Going Component-Driven
Building React apps is all about components. React has established patterns for building UIs from well specified components. Are you applying these patterns properly, and is your workflow optimized for it? Component-Driven Development is a development methodology that centralizes components in the development process. It means building UIs from the bottom up, from components to screens to pages. Storybook is the leading tool that enables the CDD workflow. In this talk, Storybook team member Gert Hengeveld explains how to use Storybook for app development and how it improves your development workflow. He'll highlight some of Storybooks latest features and glimpses at what's coming next.

Daniel Afonso
Software Engineer
React Hooks broke my tests, now what?
React Hooks broke my tests, now what?
Hooks have become a better and cleaner way to write React code. Many are now realizing it and starting to migrate their solutions from class to functional components. When the code looks great, and the migration seems successful, your tests may disagree.
This presentation focuses on the common pitfalls of testing and what we have been doing wrong while also teaching you how to test your brand new hooks using components, all this while using the React Testing Library.
Ladislav Navratil
Chief Technology and Product Officer
Going Component-Driven

Going Component-Driven
Building React apps is all about components. React has established patterns for building UIs from well specified components. Are you applying these patterns properly, and is your workflow optimized for it? Component-Driven Development is a development methodology that centralizes components in the development process. It means building UIs from the bottom up, from components to screens to pages. Storybook is the leading tool that enables the CDD workflow. In this talk, Storybook team member Gert Hengeveld explains how to use Storybook for app development and how it improves your development workflow. He'll highlight some of Storybooks latest features and glimpses at what's coming next.

Ryan Chenkie
GraphQL Dev Rel
Tightening the Full-Stack Development Loop with Nexus and Prisma
Tightening the Full-Stack Development Loop with Nexus and Prisma 
Developing a real-world full-stack app often involves tediously threading data across multiple layers of the stack. This is particularly undesirable during prototyping phases where the main goal may be just to demonstrate an idea or design. It’s also risky when going to production since data inconsistencies between the layers can lead to bugs. Using Prisma and Nexus together can help with this velocity and type-safety dilemma while also providing an awesome development experience.

Description
Marshalling data across the whole stack is not only tedious and challenging, it’s also dangerous. If your front end, API, and database are all unaware of how their shared data is shaped, bugs can get to production and development can be slowed to a halt. Thankfully there’s a better way: end-to-end type-safety with Prisma and Nexus.

Prisma gives us a toolkit for integrating type-safe databases into our apps and Nexus helps us project types from our database schema to our GraphQL schema. In this talk, we’ll see how to map data from our database models to GraphQL objects, how to get automatic resolver implementations, and how to generate client access to the data.

Attendees will come away from this talk feeling confident about how they can implement end-to-end type-safety in their applications and they’ll be ready to start building safer, more robust apps at a faster pace.
Jesse Martin
Developer Relations, Solutions Architect
End-to-End Testing with Cypress.io
In this talk, I will show how to quickly test any web application using Cypress.io - a modern open-source test runner designed to make you more productive. Cypress provides fast feedback, full access to the application, time travel, real-time reloads, and great developer experience. Specific focus will be on React, and it's an ecosystem of technologies, including a demo of the Cypress Real World App.
Souvik Basu
Freelance Frontend Developer
End-to-End Testing with Cypress.io
In this talk, I will show how to quickly test any web application using Cypress.io - a modern open-source test runner designed to make you more productive. Cypress provides fast feedback, full access to the application, time travel, real-time reloads, and great developer experience. Specific focus will be on React, and it's an ecosystem of technologies, including a demo of the Cypress Real World App.
Ryan Warner
Lead Web Developer
Hypertext Thinking — Building personal knowledge bases in public
Hypertext Thinking — Building personal knowledge bases in public
Writing down what you know helps you learn and retain knowledge. Building your own model of a domain can generate new meaning and new understanding yielding insights that you may not of had otherwise. React enables Digital Gardening by removing friction, giving us tools for interactivity, and much more. Let's talk about the defining features of a Digital Garden and how React plays a role in our writing and knowledge building.
Sam Julien
Sr. Developer Advocate Engineer
Power Up Gatsby with Auth!
Power Up Gatsby with Auth!
Gatsby rose to fame as a static site generator, but it’s also an amazing platform for building dynamic sites! Wouldn’t it be awesome if we could add a user profile with access to protected data in our Gatsby app? Like Mario’s fire flower or Link’s hook shot, adding auth will power up your dynamic Gatsby site. Just one question: is it any different than adding auth to a regular React app? In this talk, you’ll learn about Gatsby’s build process and runtime and how they impact setting up auth. You’ll also learn how to use Hooks and Context to build your auth sidekick. Finally, you’ll learn some tips and tricks to avoid common pitfalls with adding auth to Gatsby. By the end, you’ll be ready for the next level of your Gatsby quest!
Ben Ilegbodu
Principal Frontend Engineer