ReactFoo Delhi

ReactFoo Delhi

On React, performance and front-end engineering

After a successful edition in Delhi in 2018, we are back with the 2019 edition of ReactFoo Delhi.

ReactFoo Delhi features talks and discussions on:

  1. Redux and state management
  2. Performance improvements with React
  3. Modernizing legacy architecture with React
  4. Why choose React Native
  5. GraphQL and front-end development

Product and front-end engineers from Atlassian, Walmart.com, Zomato, Microsoft, HackerRank, Mindtickle and Appbase.io will share insights from practical experiences.

Who should attend:

  1. Front-end engineers
  2. Product engineers
  3. Cross-platform mobile developers

Why attend ReactFoo Delhi:

  1. Learn from and network with peers from the industry.
  2. Improve developer productivity of your front-end teams.
  3. Make your web applications faster and performant.

Date and schedule

16 November 2019
https://hasgeek.com/reactfoo/2019-delhi/schedule

Venue:

C D Deshmukh auditorium, India International Centre (IIC) Main, 40 Max Mueller Marg, Lodhi Gardens, Lodhi Estate, New Delhi - 110003.

Contact details:

For information about the event, sponsorships, bulk ticket purchases and partnerships, write to info@hasgeek.com or call 7676332020.


Sponsors:

Click here to view the Sponsorship Deck.

Email us sales@hasgeek.com for bulk ticket purchases, and any queries on the sponsorship.


ReactFoo Delhi 2019 sponsors:


Exhibition Sponsor

Sapient

Bronze Sponsors

Shuttl

Community Sponsor

GO-JEK MindTickle
Atlassian
HackerRank Walmart

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

Upendra Dev Singh

@uds

Building a High Performance Mobile-First Web App | A case study of Jabong PWA

Submitted Nov 1, 2019

Modern web applications are JavaScript heavy. JavaScript ecosystem is such that you get a lot of tools, libraries, and the framework for free. The cost of using a framework could be very high. During this talk, I will take the audience through the Jabong PWA implementation using preact. I will talk about how we applied the domain-driven design approach to make some important architecture decisions upfront to choose our technology stack e.g preact, preact-router, in-house state management container (similar to redux). I will also talk about performance optimizations techniques we have used to achieve a perfect Lighthouse Score “100”. WPT report is available here https://webpagetest.org/lighthouse.php?test=190527_5T_a65fb33950a68ca88897b4ea3ceb66a5

Outline

This talk will cover how we have reduced the JavaScript footprint drastically using preact and related libraries. Also, we will talk about the code-splitting in preact app that allowed us to render a fully interactive page with just 18kb of JavaScript less than react size.

These are some of the latest web and browser technologies we have implemented.

ZERO render blocking requests
Intersection Observer
Lazy load images using Intersection Observer
Replace onScroll with Intersection Observer
Preload critical requests
Hybrid rendering
RequestAnimationFrame for visual changes
Passive Listeners
Precache future routes with serviceworker
Route-based & Component-based Code Splitting
HTTP/2 - Server push and multiplexing
Preconnect third party domains
Maximize GPU usage
Using the latest image formats for different browsers Progressive jpeg and WebP
Network API & dpr-based Image delivery
Web Font optimization

Requirements

None

Speaker bio

Director of Engineering at Myntra Jabong
“Using technology to build product that helps customers to make better buying decisions”

Links

Slides

https://docs.google.com/presentation/d/1COVwZyc9VZdezI05xCUh-kP8qRtvR-VXKR33siZ49hU/

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