Why we should use React Canvas

May 2018

21 Mon

22 Tue

23 Wed

24 Thu

25 Fri

26 Sat 08:45 AM – 06:30 PM IST

27 Sun

Make a submission

ISDI ACE, Mumbai

##About ReactFoo Mumbai

ReactFoo Mumbai is an event for JavaScript, front-end adnd mobile engineers. The conference will feature talks on:

Latest features of React
Webpack, GraphQL and Apollo
React Native
Front-end workflows and design systems
CSS and React

Format #

ReactFoo Mumbai is a single-day event with full-length and crisp talks, and Birds Of Feather (BOF) sessions on how to grow your career as a front-end engineer, and on state management.

On 27 May, we are hosting a hands-on workshop on GraphQL and Apollo conducted by Kiran Abburi. Workshop tickets have to be purchased separately.

Who should attend #

JS engineers from enterprises.
JS engineers from startups.
Architects.
Cross-platform mobile developers.
Front-end engineers.

Why you should attend? #

To learn from and network with peers from the industry.
To gain insights from case studies of practical implementation, and evaluate ReactJS and React Native for your work.
To program better with React and React Native.

If you are attending ReactFoo Mumbai, submit a flash talk – of 5 mins – about a project you are working on or a tool you have discovered and that you’d like the community to benefit from. #

Dates: #

ReactFoo Mumbai conference – 26 May 2018 at ISDI DICE, Lower Parel, Mumbai.
GraphQL and Apollo workshop – on 27 May 2018 at Endurance International, Goregaon, Mumbai

##Contact details:
For more information about speaking, ReactFoo, sponsorships, tickets, or any other information contact support@hasgeek.com or call 7676332020.

Event website: https://reactfoo.in/2018-mumbai/

Hosted by

ReactFoo

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

All submissions

Previous Next

This submission has been added to the schedule

Why we should use React Canvas

Submitted Apr 6, 2018

Section: Flash talks – 5 min presentations from audience Technical level: Beginner

My main focus is to show how react canvas can be used to optimize scrolling performance and avoid the jank which we experience while showing complex animations on mobile web. I would go through the problems we face while currently doing complex animations, and how we can use react canvas together with our other components to optimize rendering performance and get a seamless native like experience on moile web.

Outline #

I would address on the following things:

The jank problem on the web while doing animations.
How we can optimize the scrolling performance.
How React Canvas does it.
Benefits of React Canvas.
When to use it?
Limitations
Alternative libraries which lets you play with the canvas.
Demo - The scenario at Bookmyshow where we would be using react canvas to solve our problem of user experiencing a jank when he/she tries to scroll through very big seat layout for boooking.

Speaker bio #

I am passionate programmer and huge javascript lover who wants to create the best possible thing and deliver the best experience which a user can ever have. I am currently working at BookMyShow as a Full Stack Developer responsible for delivering the best possible experience on Mobile-Web/Desktop. Previous to this I was working for Jio as a Backend developer, responsible for handling Jio Cinemas and Jio XpressNews application. I always try to find a better way of doing the existing thing and I would love to share some insights on what I have learned so far.