Submissions
ReactFoo 2019

ReactFoo 2019

A gathering of over 250 web and mobile developers working with React

Topics for submitting talks for ReactFoo Bangalore: We are accepting talks on the following topics: React in production for large-scale projects and apps – tell us how you do integration, CI/CD, choose frameworks, etc. expand

Topics for submitting talks for ReactFoo Bangalore:

We are accepting talks on the following topics:

  1. React in production for large-scale projects and apps – tell us how you do integration, CI/CD, choose frameworks, etc.
  2. Success and failure stories with React.
  3. State management: case studies of problem-solving approaches.
  4. ReactNative: case studies of why and how it works @scale, for smaller teams, and in other situations.
  5. Propose on a topic that we have missed out here.

Format:

ReactFoo Bangalore will feature talks – full length (40 mins), crisp (20 mins), demos (10 mins) and Birds Of Feather (BOF) sessions (60 mins).
You can also propose hands-on workshops of 3-6 hour durations. Workshops will be held on 1 and 3 March.

Selection process:

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

  1. How-to talks
  2. Talks on topics which have been covered in previous editions of the conference
  3. Beginner level or introductory talks

Proposals will be shortlisted and reviewed by an editorial team consisting of practitioners from the community. Make sure your abstract contains the following information:

  1. Key insights you will present, or 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 this event.

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 only offer travel grants to:

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

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

Contact details:

For more information about speaking, sponsorships, tickets, or any other information contact reactfoo.editorial@hasgeek.com or call 7676332020.

Make a submission

Submissions are closed for this project

Karthik Venkateswaran

Take your react-fu to fullstack-fu

Why go fullstack? To elevate your craft to the next level. This talk will take you over basic concepts and tools that you need to know so that you can own the full stack. You’ll be able to build and integrate backend APIs with your react apps. Incidentally, StackOverflow declared the fullstack developer as the most desired job profile. Going fullstack with react and nodejs should be the next logi… more
  • 0 comments
  • Rejected
  • 06 Jan 2018
Technical level: Beginner

Arijit Bhattacharya

Wrap it in a Web Component

An intro to web components, how to use familiar declarative abstractions to write them and what kind of pragmatic problems it can help you solve. more
  • 2 comments
  • Rejected
  • 03 Feb 2018
Technical level: Beginner

Preeti Wadhwani

Let's Sync the Async- A Primer on Redux Sagas

Have you ever come across a situation where you want to pause function execution for some time, for example, when you’re waiting for an API response and based on it you want to perform different some action? Or you’re waiting for your database sync to finish? If it sounds relatable, you probably handled such cases using Promises/Redux-thunk, etc. but this talk will provide a cleaner solution for … more
  • 0 comments
  • Rejected
  • 26 Jan 2018
Technical level: Intermediate

Sahebjot singh Proposing

Presto: DSL for Apps - using Purescript and React

Commercial apps take months to develop, control the complexity of app development and take it to the next level with Purescript DSL’s and React! more
  • 0 comments
  • Rejected
  • 16 Feb 2018
Technical level: Beginner

Vinod Prajapati

Building Reusable React Component

This session will cover how to build reusable component and speed up the development more
  • 0 comments
  • Rejected
  • 27 Jan 2018
Technical level: Advanced

john venigalla

D3.js with React

D3.js (data driven documents) is dynamic data visuvalization libarary based on SVG,Canvas,html. one can create data visvalizations from basic charts to complex diagrams using out of the box functions it provides. in words of mike bostock(one of the creator of d3)”D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For … more
  • 1 comments
  • Rejected
  • 26 Feb 2018
Technical level: Intermediate

Mihir Khatwani

Let's write baby redux

Redux is probably the most misunderstood library out there. A lot of big serious project codebases which use Redux end up looking like the Redux Documentation’s toy code examples. To para-phrase one of the Redux core contributors, the documentation examples are just for the sake of starting off with Redux and do not reflect a pattern in which Redux should be used in. In the workshop we will write… more
  • 0 comments
  • Rejected
  • 29 Mar 2018
Technical level: Intermediate

Souvik Basu

React app with Apollo + GraphQL

GraphQL is a preferred alternative to REST for API endpoints because of the flexibility it provides in building the contract between UI and services. Apollo client provides a declarative way to query GraphQL endpoint. We will explore how to use Apollo client in React components to get data from remote API endpoint and render component declaratively. more
  • 0 comments
  • Rejected
  • 06 Mar 2018
Technical level: Beginner

𝕍𝔸ℝ𝕌ℕ 𝔸 ℙ⚡

A Closer Look at the React Codebase

React, as a UI framework, has come a long way since launch. And if it needs to evolve further, a lot of hands could help. Being a JavaScript library, it is essential for all JavaScript developers to understand the internal beauty of what makes React happen. more
  • 2 comments
  • Rejected
  • 13 Mar 2018
Technical level: Intermediate

Pavan Podila

The Common Patterns of React Components

The React framework allows you to shape the Component tree in a variety of different ways. The community has been exploring several ways to simplify the management of various tasks and have discovered a set of patterns, now prevalent in libraries such as React Router, React-Motion, Downshift, etc. These are the patterns that really make React fun to use. more
  • 2 comments
  • Rejected
  • 10 Jan 2018
Technical level: Intermediate

Nitesh Tiwari

React + D3

Why Integrate D3 + React. How to integrate D3 + React. Advantages/Disadvantages of integrating D3 with react. Enhance D3+React app performance and developers experience. more
  • 2 comments
  • Rejected
  • 10 Jan 2018
Technical level: Intermediate

Pavan Podila

Intro to MobX

MobX has been a powerful and popular state management library for React. It’s a different take on state-management compared to Redux. Rather than relying on immutable data, like we do in Redux, MobX actually encourages mutable data! This may sound counter-intuitive and counter-productive but it works really well in practice. You can think of MobX as Declarative-Redux! more
  • 0 comments
  • Rejected
  • 13 Apr 2018
Technical level: Intermediate

Matthew Borden

Good Code, Bad Code & Code Review

Code review is the duty of every developer in a team. We are the guards of the mystical “good” code and defenders against evil technical debt. It’s universally agreed that it’s easy to spot “bad” code and much harder to determine “good” code. I’m going to share some of my experiences working on a team producing a large amount of code every day, with few reviewers. We’ll dive into looking for smar… more
  • 0 comments
  • Rejected
  • 09 Jun 2018
Technical level: Intermediate

Boris Litvinsky

The ultimate guide for Software Procrastination

Software development is a process comprised of decisions made by the developers. But despite the the fact that some decisions can have a long-lasting, crippling effects on our app, we make most of them based on guesses. more
  • 0 comments
  • Rejected
  • 17 Jul 2018
Technical level: Intermediate

Vladimir Novick

Building AR apps with React Native

With the release of ARKit and ARCore by Apple and Google we see various Augmented reality apps created for iOS and Android. In this talk we will see how we can build AR apps with React Native, ARKit and ARCore. more
  • 1 comments
  • Rejected
  • 18 Jul 2018
Technical level: Beginner

Parashuram

Building React Native

React Native is a great way to build native apps for iOS, Android and other rmobile platforms. In this talk, we will look at the internals of React Native, and how code written in JavaScript can power a fully native mobile application. We will look at the various parts of the system like the bridge, the UI manager and the plugins. We will also touch upon the rendering process and compare it to Re… more
  • 1 comments
  • Confirmed & scheduled
  • 25 Apr 2018
Technical level: Intermediate

Anenth Vishnu

Super charge your development with visual components

React components + Pluggable nature of css = Reusable UI Components. more
  • 2 comments
  • Rejected
  • 21 Apr 2018
Technical level: Intermediate

Rahul Rana

Why you need to build your own boilerplate (react+express+webpack)?

I will be talking about how to work with react and expressjs. Takeways for intended audience will be how we can start react and express through single app without worrying much about anything else. more
  • 3 comments
  • Under evaluation
  • 16 Apr 2018
Technical level: Intermediate

Rizchel Dayao

How to Deploy Your React Application While Saving Time and Energy

As a front end developer, we often dread the process of deploying and hosting our applications. We want to focus on perfecting the front end and hope the deployment process is quick and simple…or at least that’s how I felt. Unfortunately, that’s usually not the case and we spend hours of our time and energy to do a simple deployment. I’ve created a React template application and quick start guide… more
  • 1 comments
  • Rejected
  • 01 Feb 2018
Technical level: Beginner

Aakash N S

We need to talk.. about testing!

I’ve been using React for almost 5 years, but I hadn’t written a single test till quite recently. I always felt that testing is difficult, time consuming and mostly unnecessary. But after trying it, I realized that it’s actually really really easy to test React & Redux applications, and requires almost zero setup to get started. It’s totally worth the investment! more
  • 0 comments
  • Rejected
  • 30 Mar 2018
Technical level: Intermediate
Siddharth Kshetrapal

Siddharth Kshetrapal

Refactoring React: from good to great

This is a talk about code quality for people already working with React. Learn how to identify code smells in your React app and how to improve it. more
  • 0 comments
  • Rejected
  • 29 Aug 2018
Technical level: Advanced

Varenya Thyagaraj

Re-rethinking best practices with React, ft react-suspense

In recent times we are seeing a big shift in the way we do front end thanks to React community i.e. MVC is not the norm, we don’t write CSS in CSS, we don’t write HTML in HTML, we don’t necessarily do templating and now we are going to start throwing promises (not actual promise but you know JS promises). I am going to talk about why certain pre conceived notions of best practices can be broken b… more
  • 1 comments
  • Under evaluation
  • 19 Jul 2018
Section: Full talk Technical level: Intermediate

Guillaume Diallo-Mulliez

My React (Native) app speaks GraphQL

At BAM, we started using GraphQL alongside Apollo Client on a large internal app for a French car manufacturer. Along the way, we laughed and we cried … we hit some rocks, we fell down, we stood back up, we faced many questions. Frontend architecture and responsibility distribution, cache updating, error handling… After one year, we came up with best practices for these challenges, and we eventua… more
  • 0 comments
  • Rejected
  • 09 Oct 2018
Section: Full talk Technical level: Intermediate

Dmitry Vinnik

Stress Driven Development, and How to Avoid It

When was the last time you took a day off? Are you going to the office every weekday? How often do you work with people? All these questions usually show one thing - we all have stress that comes from our work. Famous Work-Life balance is often non-existent in many organizations, and developers feel trapped in their daily routine to “deliver a business value” to their employer. With stress, your … more
  • 0 comments
  • Rejected
  • 14 Oct 2018
Section: Full talk Technical level: Beginner

Tejas Kumar

Let's Talk Hooks

Hooks is a relatively new primitive in React that people are excited about. I was involved with the earlier implementation of hooks and I would love the opportunity to talk about it, how it works, explain the reasoning behind the “rules of hooks”. more
  • 1 comments
  • Rejected
  • 03 Nov 2018
Section: Full talk Technical level: Intermediate

Govind Gupta

The Microservices Approach to Mobile Application Development using react-native

Implementing mobile application using react -native. Writing code in same repository again and again. After some time, We are not able to understand our code and it is very diffcult to resolve bugs. To resolve this problem, divide code into multiple repository and use in main application. more
  • 1 comments
  • Under evaluation
  • 09 Nov 2018
Section: Full talk Technical level: Intermediate

Gaurav Agarwal

Redux: Saga vs Thunk

Saga and Thunk are the two most popular middlewares for React. Thunk takes a callback approach vs Saga, which takes a iterators and generators based approach. This talk will also provide a gentle introduction to generators and iterators in ES9. more
  • 1 comments
  • Rejected
  • 21 Nov 2018
Section: Crisp talk Technical level: Intermediate

Brij Kishor

React A/B testing

In this talk our agenda would be: Breif about A/B Testing more
  • 3 comments
  • Rejected
  • 01 Dec 2018
Section: Full talk Technical level: Intermediate

Pulkit Kakkar

Step into the future of UI: AR/VR with JavaScript

Until now, the graphic driven development world was always headed by power housing engines like Unity, Unreal etc. The introduction of React library by Facebook, revolutionized the Web with component(s) architecture and broke the chain confining Web Development with “Separation of Concerns(SOCs)”. Another Major Leap into Development was React-Native bridge which actually overtook the Mobile Appli… more
  • 2 comments
  • Waitlisted
  • 03 Dec 2018
Section: Full talk Technical level: Intermediate

Vivek Nayyar

The magical land of AST's with babel, eslint and codemods

AST’s are everywhere. They are a part of majority of our tools that we use today for development. We use babel, eslint and AST’s power them. more
  • 1 comments
  • Confirmed & scheduled
  • 26 Dec 2018
Section: Full talk Technical level: Intermediate

Andrew Murphy

Human Centered Leadership - Emotional Intelligence for the Technical Mind

There’s a huge problem in our industry, I call it “inertia-driven leadership”. more
  • 1 comments
  • Rejected
  • 06 Jan 2019
Section: Full talk Technical level: Intermediate

Andrew Murphy

Communicating anything to anyone. How to communicate effectively and efficiently

Everyone thinks they are a good at communication, but… how many times have you been at an event talking to someone you really didn’t want to talk to? Been sold to by someone who didn’t get that you weren’t interested? more
  • 0 comments
  • Rejected
  • 06 Jan 2019
Section: Workshop Technical level: Intermediate

Andrew Murphy

The power of saying "I don't know"

It’s something we all struggle with, admitting we don’t know something. But I’m here to show you the power of saying “I don’t know” to people. more
  • 0 comments
  • Rejected
  • 06 Jan 2019
Section: Crisp talk Technical level: Intermediate
Chirag Jain

Chirag Jain

ReasonML - Making types have your back

Learn about some core concepts about functional programming and type systems which help you become a better developer even if you choose to never use ReasonML. more
  • 1 comments
  • Confirmed & scheduled
  • 09 Jan 2019
Section: Full talk Technical level: Intermediate

Kashish Grover

The Mistakes We Fixed - A Retrospective of the Treebo Mobile App

We at Treebo love React Native, and over the past 2 years of us using it, we made a lot of mistakes. Some we fixed, and some we continue to fix. In this talk, we want to share with the community our experience and journey of building a React Native App for scale. more
  • 4 comments
  • Confirmed & scheduled
  • 25 Jan 2019
Section: Full talk Technical level: Beginner

Ramanjaneya T

NextJS on production

An introduction to using NextJS framework on production and advantages it brings over the existing ReactJS library. more
  • 0 comments
  • Rejected
  • 29 Jan 2019
Section: Full talk Technical level: Beginner

Parashuram

Building Mobile apps with React Native

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. In this workshop, we will create a mobile application for iOS and Android from scratch using React Native. We will look at the various pieces of React Native architecture and leverage tools and core components of the framework. We will… more
  • 0 comments
  • Confirmed
  • 30 Jan 2019
Section: Workshop Technical level: Intermediate

Siddhant Soni

Truly Cross-Platform React Native

At Flipkart, we have been using React Native for more than 2 years now. Though React Native allows us to build Apps that run on Android and iOS, we wanted to explore whether it was possible to make truly cross platform apps which will run on Android, iOS, mobile web and desktop. Could React Native scale to all form factors and not just run on mobile handsets? Needless to say, we were able to buil… more
  • 1 comments
  • Rejected
  • 31 Jan 2019
Section: Full talk Technical level: Beginner

Toshi Gupta

A React Native widgetised framework - Move fast and build things.

We have already seen how React Native and React Native for Web helped us in building full-fledged features on all platforms such as Android, iOS and the web. After solving this problem of code sharing, the next one we are headed to is solving the case of custom layouts. For instance, an e-commerce product page could have different UI layouts for a shirt, a sofa, and a mobile, though their basic b… more
  • 1 comments
  • Confirmed & scheduled
  • 31 Jan 2019
Section: Full talk Technical level: Intermediate
Siddharth Kshetrapal

Siddharth Kshetrapal

Writing good components

At the core of using React is writing components. In it’s early days, React got popular because of it’s composition model. The contract with the framework is that we’d write good components and React will take care of the rest. more
  • 1 comments
  • Confirmed & scheduled
  • 31 Jan 2019
Section: Full talk Technical level: Advanced

Navya Agarwal

A glimpse of GraphQL: Frontend developers’ life is easy now!

In this talk we’ll walk through our journey to GraphQL at Adobe, and highlight a few of our successes and failures along the way. more
  • 1 comments
  • Waitlisted
  • 31 Jan 2019
Section: Crisp talk Technical level: Beginner

Niranjan Janardhana

React + Angular - Best of both worlds!

Angular is a commonly available skill in any organization. Angular has a fantastic eco-system and 3rd party packages. more
  • 0 comments
  • Rejected
  • 01 Feb 2019
Section: Full talk Technical level: Advanced

Niranjan Janardhana

Workshop - AR/VR apps using React

AR/VR development is a must know skill for 2019. Facebook is very active in the field of AR/VR. Games like PUB G, Pokemon Go has made AR/VR very popular. React-VR is the react based solution from Facebook for VR development. more
  • 0 comments
  • Under evaluation
  • 01 Feb 2019
Section: Workshop Technical level: Intermediate

Kashyap Kondamudi

How to avoid React, may be.

This is not one of those “use other frameworks” evangelism talks. I’ve seen my share of decisions being made to use a front-end only approach even though it’s not quite needed. more
  • 0 comments
  • Under evaluation
  • 01 Feb 2019
Section: Full talk Technical level: Intermediate

Santosh G

Delivering JS applications at scale

Today we have many frameworks available for front end development. Frameworks play a large role in how apps get built and designed. In this talk we are going to focus on the design and architecture, module design and consideration, build & release process and on performance metrics. more
  • 0 comments
  • Confirmed & scheduled
  • 01 Feb 2019
Section: Full talk Technical level: Intermediate

Rahul Shenoy

Hosting React app on SharePoint

Most enterprises use SharePoint as their primary collaboration portal. SharePoint offers it’s own way to build component based pages, React can handle this too well. All other functions - authentication, data etc are handled by SharePoint ecosystem. Arming it with react would make it a perfect suite for simpe and semi-complex web applications. more
  • 0 comments
  • Rejected
  • 01 Feb 2019
Section: Crisp talk Technical level: Intermediate

Kiran Abburi

Deep dive into Apollo Client

Apollo is the most popular GraphQL client library at the moment. It significantly reduces boilerplate code for fetching data, showing loading status, handling updates to existing objects in cache. But, it can’t handle scenarios like creating new objects, deleting objects and real-time updates automatically. It requires significat amount of code to handle these scenarios and, sometimes, requires m… more
  • 1 comments
  • Confirmed & scheduled
  • 05 Feb 2019
Section: Full talk Technical level: Intermediate

Sidhartha Chatterjee

Building Apps with Gatsby

Gatsby has recently surged in popularity but a lot of us still think of it as a static site generator. But Gatsby is great for complex client side web apps too! This talk aims to demonstrate that. We’ll be building a small app live using Gatsby! more
  • 0 comments
  • Confirmed
  • 05 Feb 2019
Section: Full talk Technical level: Intermediate

Xavier Lefevre

Kickstarting a library of internal React components for multiple teams

In a company, as the technical teams grow and work on different projects, the question of creating a set of common components naturally arises. This is what happened to us: over the years different teams redeveloped very similar components, from simple UI elements to complete business features. 9 months ago, it was time for us to take a step back and think: how can we do better? more
  • 3 comments
  • Confirmed & scheduled
  • 06 Feb 2019
Section: Full talk Technical level: Intermediate

Sreekanth G S

Building a highly scalable exchange - To react or not to react

We are an organization which built one of India’s leading crypto currency exchange, and faced the struggles and wrath of scale and lack of scale. Backed by a prominent company, the effect of a successful PR and a wave of customers based on current trends, brought us thousands of customers flocking into a platform primary built on Ruby on Rails (both frontend and backend). more
  • 11 comments
  • Confirmed & scheduled
  • 06 Feb 2019
Section: Full talk Technical level: Intermediate

sandeep bamane

Redux Handling : For Large Applications

Its about experience we at Amdocs have while creating solutions for multiple telcommunication clients. We transformed our core product from KO & Backbone to React & Redux. Also while doing , since our more
  • 0 comments
  • Rejected
  • 07 Feb 2019
Section: Crisp talk Technical level: Advanced

Eric Bishard

Basic State Management using React Hooks

Managing state for UI components in React until now has required a dependency on libraries like Redux. But for simple UI level state management React has introduced Hooks into React core. more
  • 1 comments
  • Rejected
  • 08 Feb 2019
Section: Full talk Technical level: Beginner

Tanay Pratap

How we broke React and understood Fiber!

We were trying to push the boundaries of web performance with React in Microsoft Teams when we were left with no choice but to get into React’s souce code. What came out was an appreciation of the React’s new Fiber architecture and this talk. This will get into the story of how a bug in React made us all understand Fiber better and in turn advance our Javascript performance knowledge. This isn’t … more
  • 0 comments
  • Waitlisted
  • 11 Feb 2019
Section: Full talk Technical level: Intermediate

Abhay Nikam

Transition from REST APIs to GraphQL

Abstract: REST APIs are used in almost all the web and mobile applications today. Using REST APIs has some disadvantages which cost the application. In this talk, we will walk through some of the use cases where REST APIs failed for us and discuss how moving away from REST to GraphQL helped us solve the problems. more
  • 0 comments
  • Awaiting details
  • 12 Feb 2019
Section: Full talk Technical level: Intermediate

Kartik Agarwal

React Suspense - Internal Working

We will go throught all in React Suspense. 1. Basic syntex of how and when to use suspense. 2. Will create a own react component for suspense and replace it via React.Suspense 3. Will demo data fetching synchronous using our own function and basic java script code and use in component. more
  • 1 comments
  • Submitted
  • 16 Feb 2019
Section: Crisp talk Technical level: Intermediate

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