ReactFoo Delhi

ReactFoo Delhi

On React, performance and front-end engineering



Accepting submissions till 01 Nov 2019, 03:15 PM

Not accepting submissions

##Topics for proposing talks/workshops/tutorials for ReactFoo Delhi: We are accepting proposals for: Full talks -- 40 mins duration Crisp talks -- 20 mins duration Birds of Feather (BOF) sessions Tutorials (90 mins duration) expand

##Topics for proposing talks/workshops/tutorials for ReactFoo Delhi:

We are accepting proposals for:

  1. Full talks -- 40 mins duration
  2. Crisp talks -- 20 mins duration
  3. Birds of Feather (BOF) sessions
  4. Tutorials (90 mins duration)
  5. Hands-on workshops -- of 3-6 hours duration -- where participants follow instructors on their laptops.

You can propose talks on the following topics:

  1. UI improvements with React
  2. Case studies of patterns and anti-patterns when running React on the front-end
  3. Component architecture where your app contains React and other components such as Angular, Vue, Ember, and others
  4. React Native and why it has worked for your use case
  5. Performance improvements with React, including metrics data and before-after scenarios

Workshops can be submitted on latest topics. Workshops must be hands-on, where participants follow instructors on their laptops.

Suggest topics not covered in the above list by submitting a proposal on the topic for someone to speak on. We will find a speaker.


ReactFoo Delhi is a single-track event with Birds of Feather (BOF) and speaker connect sessions organized in parallel to talks in C D Deshmukh auditorium. Workshops and tutorials will be held on 15 and 17 November.

Guidelines for submitting talks for ReactFoo:

  1. Submit your proposal early so that we have more time to iterate if the proposal has potential.
  2. Write detailed outlines because an abstract is an abstract -- it only gives us an ‘abstract’ idea of what you plan to speak about. Specify the key takeaway(s) for the audience.
  3. Submit draft slides with your proposal, ideally 7 days after you submit your talk.
  4. Add a two-minute pitch video, telling us what your talk is about and why participants should attend it. Check samples of pitch videos on
  5. Use gender neutral language in your abstract and draft slides. The world is diverse as is the React ecosystem. Let’s make this diversity visible.

Selection process:

We are interested in case studies and talks which expose participants to new approaches. We typically don’t accept:

  1. How-to talks
  2. Talks on topics which have been covered in previous editions of ReactFoo. View all talks from previous editions of ReactFoo on
  3. Beginner level or introductory talks

Proposals will be shortlisted and reviewed by ReactFoo speakers’ alumni, consisting of practitioners from the community. Make sure your abstract contains the following information:

  1. Key insights and takeaways for the audience.
  2. Overall flow of the content.

You must submit links to videos of talks you have delivered in the past, or record and upload a two-min self-recorded video explaining what your talk is about, and why is it relevant for ReactFoo Delhi.

You must also submit links to the following along with your proposal:

  1. A detailed outline, or
  2. Mindmap, explaining the structure of the talk, or
  3. Draft slides.

Honorarium for selected speakers; travel grants:

Selected speakers and workshop instructors will receive an honorarium of Rs. 3,000 for speaking at the conference. Confirmed speakers and instructors also get a pass to the conference. We do not provide free passes for speakers’ colleagues and spouses.

We try to offer travel grants to:

  1. Creators of original projects/work that has wide adoption in the community.
  2. Women and persons of non-binary gender who are selected to speak at the conference.

ReactFoo Delhi is funded through ticket sales and sponsorships. Travel grants will vary accordingly.

Contact details:

If you have questions about submitting a proposal, write to:

Make a submission

Accepting submissions till 01 Nov 2019, 03:15 PM

Rohit Rai

Advanced React Design Patterns

React is one of the most popular JS libraries in the world. Its easy to learn the basics of React from the official documentations and other resources but for beginners its hard to wrap your head around advanced topics like HOC, Render Props and Hooks. This talk introduces these advanced patterns in React that you can use to make components that are simple, flexible, and enjoyable to work with. more
  • Rejected
  • 09 May 2019
Section: Full talk (40 mins) Technical level: Beginner Session type: Lecture

Shivratna Kumar

Component Library for React Components

Reusable components are a great way to build a performant and consistent UI for the applications, without having to reinvent the wheel. A common problem starts when we have multiple teams working on multiple projects, which results into same components sitting in different repos. A common question is, what’s the best way to construct and manage these components. more
  • Waitlisted
  • 16 Jul 2019
Duration: 20 mins crisp talk

Punit Sethi

Improving React App Performance : A Case Study

This talk is about our experience of performance optimizing our React App. Objective of our exercise was to quantifiably improve our app’s performance in a few (4-6) weeks. This presentation details how we measured the gains and what React + Webpack changes we leveraged to achieve the gains. more
  • 1 comment
  • Confirmed
  • 18 Jul 2019
Duration: 40 mins full talk

Nidhi Sadanand

Micro Frontend Architecture - A Case Study of the Fitment Widget on

This talk outlines an approach and usecase for development of Embedded Components using Micro Front end architecture. The Key takeway is the design goals and constraints when developing components that have to live another hosted page and choices that have worked in more
  • Confirmed & scheduled
  • 26 Jun 2019
Duration: 20 mins crisp talk

Pankaj Agrawal

How React Native and its integration with Laravel can help social sector organisations create impact on scale

Social Sector organisations are slowly moving towards using more technology to create large scale impact. React Native’s significance for the social sector in this regard has been ever increasing. With a mobile application, people working in remote areas can manage all operations smoothly. Building a mobile application in react native can help NGOs to scale up, achieve operational efficiency and … more
  • Waitlisted
  • 05 Aug 2019
Duration: 20 mins crisp talk

Satyendera Sharma

Deploying apps with Vue at scale

The Vue.js core library is designed to be focused and flexible. It’s just a view layer library that doesn’t enforce any application-level architecture. While this can be great for integrating with existing projects, it could be a challenge for those with less experience to build larger scale applications from scratch. more
  • Rejected
  • 14 May 2019
Section: Full talk (40 mins) Technical level: Intermediate

rahul gaba

Video thumbnail

Pros and cons of using React context API and hooks to manage state instead of Redux

The front-end universe is expanding exponentially and there are a bunch of options to choose from in every aspect of front-end development. more
  • Confirmed & scheduled
  • 08 Aug 2019
Duration: 40 mins full talk


Rethinking frontend development using GraphQL

Increase developer efficiency, increase performance and discover pure component architecture using GraphQL. Using directives, enabling/disabling features with simple flags and reactive updates. more
  • Confirmed & scheduled
  • 14 Aug 2019
Duration: 20 mins crisp talk

Nishant Arora

I wanted to understand how Frontend frameworks work, so I built my own

All of are great at using frameworks like React, Vue, Angular, and a hundred others in the ecosystem. I am too. But, I noticed I knew about some concepts but had little to no idea about how these frameworks actually function internally. In classic overengineering fashion, the best way to understand something, is to build it. We’ll talk about some theory (coz that’s important too), and then move o… more
  • Rejected
  • 14 Aug 2019
Duration: 40 mins full talk

Shivam Kantival

Scalable Redux for large web applications

Redux solves many data handling problem which were hard to think before. But as your application grows, it is hard to manage store at scale. This talk is about our experience of how we solved these problems in our current organization. more
  • Confirmed & scheduled
  • 14 Aug 2019
Duration: 20 mins crisp talk

Dani Akash

How we built an on-trip customer support app with React Native at Pickyourtrail

Pickyourtrail is a platform for booking fully customizable vacations and one of the important part of our customer’s vacations is providing on-trip support. We had to build a full fledged mobile app that can provide complete on-trip vacation support to our users on both Android and iOS phones. This talk is a summary of why we chose React Native as the platform for our application and the challeng… more
  • Waitlisted
  • 15 Aug 2019
Duration: 40 mins full talk

Sudhanshu Yadav

Video thumbnail

Brahmos.js - React without VDOM

React has a great declarative API and is quite fast for render and updates. But the performance can be improved further with a new rendering pattern inspired by lit-html and hyper-html. This talk will introduce a new JavaScript Library Brahmos which has a faster rendering pattern than VDOM but implement that with same well adopted React’s declarative API. more
  • Confirmed & scheduled
  • 16 Jul 2019
Section: Full talk (40 mins) Technical level: Intermediate Duration: 20 mins crisp talk

Tarun Nagpal

Asynchronous JavaScript and Event Loop

It will showcase the real power and the backbone behind the success of JavaScript. more
  • Rejected
  • 01 Oct 2019
Duration: 40 mins full talk

Neha Sharma

Your Guide to Making Scalable Design Systems

Are you making a Design System? Confuse how to start and how to make a scalable deisgn system? In this talk I will be sharing about our Journey about learning , challenges, journey of making the scalable design system for more than 30+ products. more
  • Waitlisted
  • 01 Oct 2019
Duration: 20 mins crisp talk

Rajat Aggarwal

New React Child in Daddy’s Code – A Microsoft Journey

This talk is about how we at Microsoft using react to create sharable component at office 365 products. Idea behind this talk is to demonstrate how companies who have monolithic code working on different technologies can leverage react and introduce new world of react possibilities without affecting the old ecosystem. Microsoft Word, Powerpoint etc product those are running on win32 platform and … more
  • Confirmed & scheduled
  • 01 Oct 2019
Duration: 20 mins crisp talk

Heena H

Keeping React Redux healthy: What, why and how with rendering optimization and performance improvements

React.js is a declarative javascript library which is faster, scalable and modular. Redux, on the other hand, is a powerful state management tool. The talk explains about React and redux, why and how should it be used. It will be followed by the rendering optimizations and performance improvements made by the speaker while making use of React and Redux in the projects she was involved with. The t… more
  • Confirmed & scheduled
  • 02 Oct 2019
Duration: 20 mins crisp talk

Hannes Obweger

Video thumbnail

Closing JRACLOUD-68845 - Jira’s journey towards delightful web performance

Over the past few years, technologies such as React and GraphQL have lifted frontend development to a new level; never before have we seen web applications so rich and powerful, all running in the browser. But with great power comes great responsibility: As easy it is to develop rich interactions on the client, as difficult it is to keep these interactions fast and performant. In this talk, we’ll… more
  • Confirmed & scheduled
  • 03 Oct 2019
Duration: 40 mins full talk

Kuldeep Saxena

Building data-driven apps with ReactiveSearch

ElasticSearch is a blazing fast, open-source, full-text search engine. It allows you to store, search, and analyze big volumes of data quickly (we are talking milliseconds here). It is generally used as the underlying engine/technology that powers applications that have complex search features and requirements. With Elasticsearch, you can build a fast search utilizing its powerful Query DSL. Howe… more
  • Confirmed & scheduled
  • 13 Aug 2019
Section: Full talk (40 mins) Technical level: Intermediate Duration: 40 mins full talk

Vikas Parashar

Building Accessible React apps

As web developers, we all have a responsibility to develop accessible sites/apps, but for most of us it’s another checkbox to tick. This talk will be about how accessibility and good user experience goes hand in hand, and are not mutually exclusive. more
  • Confirmed & scheduled
  • 10 Oct 2019
Duration: 40 mins full talk

Upendra Dev Singh

Building a High Performance Mobile-First Web App | A case study of Jabong PWA

Modern web applications are JavaScript heavy. JavaScript ecosystem is such that you get a lot of tools, libraries, and the framework for free. The cost of using a framework could be very high. During this talk, I will take the audience through the Jabong PWA implementation using preact. I will talk about how we applied the domain-driven design approach to make some important architecture decision… more
  • 1 comment
  • Confirmed & scheduled
  • 01 Nov 2019
Duration: 40 mins full talk
Hybrid access (members only)

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more