ReactFoo 2017

A conference on React

Vijaya Krishna Kudva

@nvkudva

How we built Unity - Myntra’s Enterprise UI platform in React!

Submitted Aug 9, 2017

We at myntra experiment adopted react since its very early stages.
This talk is about a journey of building a framework called Unity which helped myntra developers to build internal apps super fast.

We will share the details on how one can build configuration driven user interfaces with exmaple components such as smart-form, smart-table and even the entire apps via configs.

Unity is a full stack setup in which to build a new app all a dev needs to do is to trigger a command and a codebase is forked with template app setup along with build and deployment tools.
The template app is pre integrated with myntra’s single signon, and a configurable navigation system. The template is also wired up with unity-components which gives access to huge inhouse built smart components.

Think of unity like a create-react-app on steroids but built well before create-react-app was created.

Outline

Stack before Unity & practical problems
How we get started with simple vision
Unity Architecture
Building smarter components
Building Configuration driven UI
Magic of wrapper components
Getting into Bigger Vision - Seamless multi app experience.
Adopting to new tech/frameworks on the fly
Catches

Speaker bio

Vijay Krishna Kudva - Passionate UI Tech Lead at Myntra with 9 years industry experience. Built myntra’s enterprise ui stack and currently working on Building myntra’s Storefront stack for progressive web app. https://www.linkedin.com/in/nvkudva/

Slides

https://docs.google.com/presentation/d/1YxQ-iurssAI8rDK7VjGuTL0A31Fb1Hqv5RxLxrBIdJg/edit#slide=id.g15d5bd778f_0_1

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