ReactFoo 2019
ReactFoo For members

ReactFoo 2019

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

Tickets

Loading…

##About ReactFoo Bangalore:

ReactFoo Bangalore comes back to its original home after completing five successful editions, India-wide:

  1. ReactFoo Bangalore - September 2017
  2. ReactFoo Pune - January 2018
  3. ReactFoo Hyderabad - March 2018
  4. ReactFoo Mumbai - May 2018
  5. ReactFoo Delhi - August 2018

ReactFoo Bangalore will bring together over 250 developers working with React, and who are invested in building a space for conversations around experiences using React in production.
ReactFoo Bangalore is a single-day, single track conference with talks, office hours and Birds of Feather(BoF) sessions. Workshops will be held on 1 and 3 March, before and after the conference.

##Who should attend ReactFoo:

  1. Front-end engineers
  2. Teams and companies who are evaluating frameworks to use for running applications in production
  3. Cross platform mobile developers

ReactFoo provides you the opportunity to:

  1. Learn from and network with peers from the industry
  2. Gain insights from case studies of practical implementation, and evaluate ReactJS and React Native for your work
  3. Understand how to run React in production, end-to-end, rather than only build an application with React

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

Brij Kishor

@kishorsharma

React A/B testing

Submitted Dec 1, 2018

In this talk our agenda would be:

  • Breif about A/B Testing
  • Issues TravelTriangle faced
  • Issues we want to solve
  • Our solution
  • Demo

We will provide a brief about A/B testing and it’s importance followed by issues we have faced doing A/B testing with react application. Our initial approach and key thought process and desiging a solution. We will provide a live demo of our solution which will give audience a clear picture of its usability, easiness and dynamic nature.

Key Takeaway:

  • A/B Testing
  • A/B Testing new feature in react application

Intended Audience:

  • Product owners
  • Project managers
  • React developers

Outline

A/B testing also known as split testing, is an experiment where two (or more) variants of a webpage are shown to users at random to determine which variant leads to more acceptance. After finding a better variant, it is then released for all users.
AB tesing is very important to get customer insight regarding new feature. However, AB test using react (or any forntend framework like angular, vuejs) is hard. We need to add both variant code into codebased and then manages user distribution, traffic allocation etc. Also any changes requires change in code.
A dev effort followed by a release is required for most of the experiments which should not be needed as most of them are usually fail fast experiments.
It was definitely one of major react problem in the market that people have been trying to solve. To avoid above issue we at TravelTriangle developed a solution to easily do AB testing on react application via VWO, optimizely, google tag manager, etc.
We have open sourced our solution for everyone use on npm:
https://www.npmjs.com/package/dynamic-react-ab

In this presentation our agenda would be:

  • Breif about AB Testing
  • Issues TravelTriangle faced
  • Issues we want to solve
  • Our solution
  • Demo

This module helps us to use existing AB providers for followings:

  • Traffic distribution
  • Quick change without release

To know more about module you can also check article:
http://insights.traveltriangle.com/technical/dynamic-programming-in-react-with-ab-testing/

Speaker bio

I have 7 yrs. of experience in web application development and currently working as Associate Tech. lead in TravelTriangle. I am creator of this module. I have developed this module to ease TravelTriangle with AB testing for our React Forntend application. I am the author of a workshop “currying-workshopper” to learn currying in JavaScript listed on nodeschool.io. I am also the organiser of NodeSchool Gurgaon chapter.

In session I would be disccuss following:

  • Issues we faced with current solution available
  • Thought process for the solution
  • Few live examples for demo

We are already using this in our production enviorment.

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

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