ReactFoo Delhi

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

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

Eesh Tyagi

@et

Cleartrip's reactive journey from 3 to 0.2s using Apollo GraphQL

Submitted May 24, 2018

We are building a single GraphQL endpoint for Cleartrip to remove the dependency of the react client with the Rest API. This will avoid the unnecessary over fetching of verbose data and manipulation on the client. It will reduce the network payload, making the react PWA client cleaner and faster (3 → 0.2s document load) and making the life of Front end developer much easier.

Outline

We migrated from old legacy code to React Progressive Web App for Cleartrip hotels but the page load time was still significantly high. Problems were two-fold.

First Problem.

We were doing multiple API calls and fetching extra data not required by mobile as the API is common across the website and mobile. We decided to discuss with API team to check what could be done about this. We hit a roadblock as the turnaround time and maintenance effort for creating a separate version of API for PWA was huge and not feasible.

Second Problem.

The data received was from different API calls and verbose in nature because of which the client ended up in calculating the derived data required to render fields. For example - the logic to filter and sort the data was implemented on the client which was creating unnecessary overhead on the browser.

Solution.
GraphQL with Apollo client and Apollo server.

We created our own GraphQL endpoint whose source of truth will be all the current API’s needed to render hotels. This transformation layer will give the client only that derived data which is required. Not a single thing more or less.

No manipulation or formating required in client side , all fields given by GraphQL are the format that the client renderer requires.

The intended audience for this talk is anyone, React specialists or not.

I’ll start the talk by introducing the concept of GraphQL. Then explain how it can make the life of a frontend developer easier by not depending on API versioning system and getting exactly what they need. Then I will briefly explain the Apollo client and server wrapper around GraphQL and how to use it with React.
In the end I will talk about the implementation of the cursor based pagination using GraphQL which led to 3 → 0.2 s document load time in Cleartrip Hotels list page.

Requirements

A laptop and internet connection

Speaker bio

This talk is relevant because, the current API versioning and depreciation system makes life hard for frontend engineer and GraphQL can introduce a transparent transformation layer which decouples the client with the REST API system. This case study would help developers to implement this system in their current development cycle to increase performance and reduce the turnaround time from backend.

This talk will a case study from personal experience.

Links

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