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

Mar 2019

25 Mon

26 Tue

27 Wed

28 Thu

1 Fri

2 Sat 08:30 AM – 05:20 PM IST

3 Sun

Make a submission

NIMHANS Convention Centre, Bangalore, Bangalore

##About ReactFoo Bangalore:

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

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:

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

ReactFoo provides you the opportunity to:

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

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

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

Submitted Jan 31, 2019

Section: Full talk Technical level: Intermediate

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 building blocks are just the same.
At Flipkart, we have tried to flatten this multi-dimensional world into a unidirectional one by building a widgetised framework and extending functionalities of React Native. This talk will elucidate my journey of building cross-platform applications where we break down the UI into simplistic, shareable UI elements called widgets and render them depending on the layouts required. For example, the layouts configured from backend gives the front end capabilities of intelligently rendering the widgets in the specific order and change them as and when required by the switch of flags.
This talk will cover my journey of realizing the efficiency of cross-platform code written via React Native and React Native for Web, not only in terms of minimizing redundant code writing for developers but also giving them independence on the business vertical they are building for. I believe, it is a resource optimization for teams in a product-based firm and also helps to divert more concentration to platform-specific enhancements.

Outline #

This talk will broadly cover the following:

Discussing the basics of React and React Native for web and how we coin the world “Native” in terms of code and usability.
Furthering to the next step of optimization by adapting the widgetisation of the UI and offloading the capabilities to configure custom layout to the backend.
Discussing the way we can build a system to configure styles, layout and order of the widgets on any page of the website/application based on the business requirements.
How small and medium product companies, independent developers can leverage this framework in tandem with adapting to React-Native.
While everyone codes using React Native, how platform specific experts can spend time enriching platform related capabilities.
Calculations and mathematics on optimization of developer resource and reducing the time of delivery of features.

Speaker bio #

I am Toshi, a front-end developer at Flipkart, currently working with the cross-platform team to build features using React Native and React Native for web on a widgetised framework. With an experience of almost 3 years in front-end development, I have worked with Progressive web apps, WebViews, data visualisation using React.