ReactFoo Delhi
ReactFoo

ReactFoo Delhi

On React, alternatives to React, ReactNative and front-end engineering

##About the event

After successful editions in Bangalore, Pune, Hyderabad and Mumbai, ReactFoo travels to Delhi. The Delhi edition will focus on the following topics:

  1. Performance and React.
  2. Performance, in general.
  3. Architecture with React.
  4. Alternatives to React – such as Angular, Vue and other frameworks – why these worked / did not work for your use-case.
  5. Mobile engineering with ReactNative or alternatives.

ReactFoo Delhi is an event for JavaScript, React and front-end engineers. All speakers must have direct experience working with performance, React, React Native or alternatives to these.

Format #

We invite developers and architects from large and small organizations to share their stories and insights with the community. You can either propose:

  1. Full length talks of 40 mins duration.
  2. Short talks of 20 mins duration.
  3. Birds Of Feather (BOF) sessions.
  4. Hands-on workshops for 3-6 hour duration.

Workshops on 19th August will be announced shortly. 30-40 participants will be admitted to each workshop. Workshop tickets have to be purchased separately.

Who should attend #

  1. Front-end engineers
  2. JS engineers from enterprises.
  3. JS engineers from startups.
  4. Architects.
  5. Cross-platform mobile developers.

Why you should attend? #

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

Talk selection process #

Speakers from previous editions will review proposals and vote on them. In order to make it to the shortlist, your submission must contain 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.

Also consider submitting 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 each, at the end of their talk. Confirmed speakers and instructors also get a pass to the conference. We do not provide free passes for speakers’ colleagues and spouses.

Owing to a tight budget, we will not be able to offer travel grants or accommodation for this event.

Venue #

India International Centre (IIC), Seminar Hall 1, 2 & 3, 1st Floor, Kamaladevi Block, 40 Max Mueller Marg, Lodhi Gardens, Lodhi Estate, New Delhi, Delhi 110003.

Important dates #

ReactFoo Delhi conference – 18 August 2018.
ReactFoo Delhi hands-on workshops – 19 August 2018
Last date for submissions - 30 June 2018.

##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-delhi/

Hosted by

ReactFoo
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

Mayank Kumar

@mayanktg

Building large scale dashboards using React

Submitted Jun 30, 2018

Section: Full talk Technical level: Advanced

We wanted to create a platform where the developers can create dashboards for multiple purposes like operations, Finance portals and configuration management keeping following things in mind.

  1. Take minimum time for a developer to create a page.
  2. Forms and components should have a uniform design.
  3. Failed deployments shouldn’t be an obstacle for the whole organisation, i.e. each component should be easily separatable as per business logic.

Keeping the above problem statements in mind we divided our project into following parts:

  1. Development effort: Most of our dashboards are form based. So we moved to our own custom JSON based forms such that its extremely easy to add / modify Input types which includes regular elements like text, number, selects, radio, checkbox based input types to custom location search, city selector and file uploads.
  2. Uniformity: We created a separate UI toolkit package for all our inputs, UI components and JSON Form, which can be installed as a separate package for different dashboards
  3. Removing interdependency: We did two things to resolve this - created a boilerplate starter pack for dashboard with up to date packages and created Micro-services for all the dashboards.

This talk will cover:

  1. Why we didn’t use Redux Forms and created our own JSON based Forms
  2. Building UI Toolkit, modules and styleguide
  3. Creating easy to maintain Boilerplates using Webpack + React + React-Refetch + React Router
  4. Docker + Deployment strategy

Outline #

The talk will follow the below structure.
1 - Briefly explaining the problem statement
2 - How to create a JSON based Form schema using React.

  • Complexities involved

  • Immutability

  • Creating / updating schema paths for each input element

  • Handling state changes

  • Performance impact in large forms

  • Features and how to build:

    • Conditional inputs in form

    • Array based inputs (complexity - optimizing search and update of relevant schema paths and values)

    • Object based inputs

    • Adding new custom form elements

    • Validations and test cases

3 - Building UI toolkit and common-module:

  • Explanation about the atoms/molecules/organisms structure

  • Using Lerna to build each component as a separate package and maintain its version inside common repository

  • Creating styleguide using Styleguidist

4 - Boilerplate:

Requirements #

Knowledge about React and Webpack basics.
I will be covering in brief about the Webpack dev and build configurations. The talk will be extemely useful if attendees could give a overview about:

Speaker bio #

Mayank Kumar is one of the founding Engineers at UrbanClap and he’s currently managing the Customer-Web since last 3 years. Prior to UrbanClap, Mayank was also a Google Summer of Code Intern for Mozilla.

All submissions

Comments

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

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

{{ errorMsg }}

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

Register

Hosted by

ReactFoo
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