BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//HasGeek//NONSGML Funnel//EN
DESCRIPTION:On React\, performance and front-end engineering
X-WR-CALDESC:On React\, performance and front-end engineering
NAME:ReactFoo Delhi
X-WR-CALNAME:ReactFoo Delhi
REFRESH-INTERVAL;VALUE=DURATION:PT12H
SUMMARY:ReactFoo Delhi
TIMEZONE-ID:Asia/Kolkata
X-PUBLISHED-TTL:PT12H
X-WR-TIMEZONE:Asia/Kolkata
BEGIN:VEVENT
SUMMARY:Check-in
DTSTART:20191116T032500Z
DTEND:20191116T035000Z
DTSTAMP:20260420T034045Z
UID:session/Re8WRtfPo7UXgwEGaYjV1C@hasgeek.com
SEQUENCE:0
CREATED:20190718T091836Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20190718T093541Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Check-in in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Introduction to ReactFoo Delhi edition\; walk through of the sched
 ule
DTSTART:20191116T035000Z
DTEND:20191116T040000Z
DTSTAMP:20260420T034045Z
UID:session/HoBs45GKDpMSVo6XLiCVcw@hasgeek.com
SEQUENCE:0
CREATED:20190718T092018Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20190718T093538Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Introduction to ReactFoo Delhi edition\; walk through of the s
 chedule in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Brahmos.js: React without VDOM
DTSTART:20191116T040000Z
DTEND:20191116T042500Z
DTSTAMP:20260420T034045Z
UID:session/TLCkn5KkTk6RWrjd6EjHbV@hasgeek.com
SEQUENCE:2
CATEGORIES:Full talk (40 mins),Intermediate,20 mins crisp talk,Accept prop
 osal
CREATED:20191010T141554Z
DESCRIPTION:#### The Idea. Why Brahmos?\n- How did it start?\n- Improvemen
 t on React library itself?\n- Use lit-html as templating engine?\n- What i
 t is trying to achieve?\n\n#### How does it work?\n- How react rendering w
 orks?\n- How Brahmos optimizes it?\n- How does rendering work on Brahmos?\
 n\n#### Working Example\n- Todo MVC built with Brahmos (Demo)\n- Writing C
 omponents in Brahmos\n\n#### Current state\n- Available React API\n- Pendi
 ng features\n\n#### Future path\n- How progressively Brahmos will be devel
 oped.\n- Maintaining the developer experience.\n- 3rd Party React componen
 t support.\n\n### Speaker bio\n\nSudhanshu work as Front-end Architect at 
 HackerRank. He has a love for frontend and anything in JS. In HackerRank h
 e is involved in system design\, building infra\, mentoring peoples and im
 proving the frontend platform and team as a whole. \nHe is also an active 
 open source contributor who likes building UI\, modules\, and tools and ha
 ve open sourced few of them with 5.7M+ downloads on npm and 3.7 K stars on
  [github](https://github.com/s-yadav). \nHe likes talking about JavaScript
 \, React\, performance\, frontend tools\, architecture and patterns.\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/brahmos-js-react-with
 out-vdom-TLCkn5KkTk6RWrjd6EjHbV
BEGIN:VALARM
ACTION:display
DESCRIPTION:Brahmos.js: React without VDOM in C D Deshmukh Auditorium in 5
  minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Scalable Redux store patterns for large web applications
DTSTART:20191116T042500Z
DTEND:20191116T045500Z
DTSTAMP:20260420T034045Z
UID:session/Tb2rDoaTauAQmC3mxmEr9B@hasgeek.com
SEQUENCE:2
CATEGORIES:20 mins crisp talk,Accept proposal
CREATED:20191010T141910Z
DESCRIPTION:For any modern stack that revolves around React/Vue/Elm or lik
 ewise libraries\, we usually go ahead and use Redux for state management. 
 It works well\, it’s just aesthetics may always be improved. What we try
  to cover here is how to build your store architecture around Redux so tha
 t for every part of the state you need to define\, you don’t have to cre
 ate a reducer from scratch. Instead how about just providing the config an
 d something else do the magic for you \;)\n\nAt Mindtickle we use a common
  Redux store across multiple applications. It has done good at easing our 
 lives\, and that we think is worth sharing with the community.\n\n\n- Mana
 ge your complex sync/async flows just by passing a simple config.\n- Handl
 ing scoped states becomes a breeze\, as it is just another config. Have sa
 me method of handling scoped state also enables us to standardise read and
  manipulation operations over the same.\n- Standardization of flow managem
 ent by creating common reducer pattern for teams\n- For every new person j
 oining the team\, he/she needs to understand just the reducer generator lo
 gic once. No more going to each reducer file and understanding the same.\n
 - Keeping your app performant with such patterns.\n\n\nWe got to a state t
 o get reducers created by just providing corresponding config. This enable
 s us to write just one reducer generator throughout the application. For e
 very reducer needed in the application\, developer just needs to provide a
  config and the rest is automatically taken care of. How this helps with a
 bove issues-\n\n- For every part of state doing the same thing\, logic nee
 d not be repeated in reducers for corresponding states.\n\n- Handling scop
 ed states becomes a breeze\, as it is just another config. Have the same m
 ethod of handling scoped state also enables us to standardise read and man
 ipulation operations over the same.\n\n### Speaker bio\n\nJust a curious s
 pacial object who's been exposed to JavaScript for 2 years. Currently work
 ing full-time with Mindtickle (Pune).\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/scalable-redux-store-
 patterns-for-large-web-applications-Tb2rDoaTauAQmC3mxmEr9B
BEGIN:VALARM
ACTION:display
DESCRIPTION:Scalable Redux store patterns for large web applications in C 
 D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Using React context API and hooks to manage state
DTSTART:20191116T045500Z
DTEND:20191116T053500Z
DTSTAMP:20260420T034045Z
UID:session/QdEk5MPTVwv1fAp19ze9hH@hasgeek.com
SEQUENCE:2
CATEGORIES:40  mins full talk,Accept proposal
CREATED:20191010T142237Z
DESCRIPTION:The talk will be broken down in the following:\n\n- Why state 
 management is required?\n- Brief intro of redux.\n- Benefits of redux.\n- 
 Problems with redux.\n- When to use the Context API instead of redux.\n- H
 ow to scale the Context API using hooks.\n\n### Speaker bio\n\nHi there\, 
 I am Rahul. I work at Go-Jek as a Product Engineer.\n\nI love coding and s
 olving complex problems with easy solutions. I have 5+ years of industry e
 xperience in building Web/Mobile apps.\n\n\nAs part of my job\, I do the f
 ollowing:\n--------------------------------------\n- Set coding convention
 s for the team.\n- Make sure best practices such as proper GIT branching s
 trategy\, build environments\, etc. are being followed in the team.\n- Aut
 omate build and test pipeline.\n- Use cutting edge tools and technologies 
 to make the web experience as smooth as possible for the user and to make 
 the development experience as smooth as possible for the developers.\n- Kn
 owledge sharing within the team.\n- Unblock team members whenever they are
  stuck at any issue.\n\n\nOpen Source Contributions:\n--------------------
 -----------------\n- I have co-authored a book on React Native called Reac
 t Made Native Easy. It is an open source book and can be found here: www.r
 eactnative.guide.\n- I conducted a workshop for react-native in a famous c
 ommunity called JSFoo on 29th October. Its was a 5 hours hands-on workshop
 . We had 30+ attendees. Here is the link to the workshop: https://reactfoo
 .in/2017-react-native-workshop/ Slides: http://slides.com/rahulgaba/react-
 native#/\n- I am an active open source contributor and regularly publish m
 odules for react\, react-native and AngularJS. Recently I contributed to a
  react-native module called react-native-snap-carousel which has 924 stars
  on GitHub.\n- I like blogging and also publish my findings and side proje
 cts via my tech blog - http://rahulgaba.com/\n- I have published 6 NPM mod
 ules till now on VueJS\, React-Native\, VanillaJS.\nMy github profile - ht
 tps://github.com/rgabs/\n- I love sharing knowledge. I recently gave a tal
 k on Intro to ReactJS. Slide: slides.com/rahulgaba/intro-to-es6-reactjs\n\
 n\nSide Projects:\n------------------\nI have built various apps/modules o
 n side as part of my hobby projects. \n\n\nSome of the links for the same:
 \n- Multiplatform Github repo-search: https://github.com/rgabs/github-repo
 -search\n- Node BOT: https://github.com/Team-Masark/nodebot\n- TravelVR: t
 ravelvr.herokuapp.com\n- Captain-pan-it chatbot: https://gitlab.com/rgabs/
 captain_plan_it\n\n\nYou can find more of my work here: http://rahulgaba.c
 om/projects/\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/pros-and-cons-of-usin
 g-react-context-api-and-hooks-to-manage-state-instead-of-redux-QdEk5MPTVwv
 1fAp19ze9hH
BEGIN:VALARM
ACTION:display
DESCRIPTION:Using React context API and hooks to manage state in C D Deshm
 ukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Morning beverage break
DTSTART:20191116T053500Z
DTEND:20191116T060500Z
DTSTAMP:20260420T034045Z
UID:session/JVphic8zs43KkAD5YWNKj5@hasgeek.com
SEQUENCE:0
CREATED:20190718T093629Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20191029T113540Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Morning beverage break in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Building accessible React applications
DTSTART:20191116T060500Z
DTEND:20191116T064500Z
DTSTAMP:20260420T034045Z
UID:session/KbbLNZfEn9QyuHX6Zn59BY@hasgeek.com
SEQUENCE:2
CATEGORIES:40  mins full talk,Accept proposal
CREATED:20191010T141323Z
DESCRIPTION:## Outline\n\n1. What is accessibility\n    1. General accessi
 bility\n    2. Web accessibility\n\n2. Why we did it(Making HackerRank web
 sites accessible)\n    1. Business reasons\n        1. UX improvement\n   
      2. Inclusion/Increase in user base(more people can user our site)\n  
       3. Corporate Social Responsibility\n        4. More enterprise custo
 mer(some customer requires product accessibility compliance in contract)\n
     2. Legal reasons(accessibility compliance laws in various countries\, 
 latest Apple and Dominos fiasco)\n    3. Others(Empathy\, WCAG\, ATAG)\n\n
 3. How we did it\n    1. Updating existing reusable UI components(will hav
 e examples of few major components with code and demo)\n    2. Custom comp
 onents specific to accessibility(HOC to detect keyboard navigation with co
 de and demo)\n    3. Showing minimum contrast pass/fail on internal colour
  library(code and demo)\n    4. Setting up Unit testing(code and examples)
 \n    5. Setting up Dev tools warning(code and demo)\n    6. Dark mode.(St
 rategy/code and demo\, and screenshots of feature requests from visually i
 mpaired users)\n    7. `eslint-plugin-jsx-a11y` to catch issues while codi
 ng(screenshots/demo)\n    8. ChromeVox/VoiceOver for screen reader testing
 (demo)\n\n4. What's next/We're still doing it\n    1. Accessibility is a p
 rocess and not a project.\n    2. Integrating reach router functionality w
 ith react router 5\n    3. CI/CD integration.\n\n5. Impact\n    1. Positiv
 e and exciting feedback from users on dark mode and on user experience.\n 
    2. As of now\, there is no way to track screenreader users or distingui
 sh different users with disabilities from the rest.\n    3. Idea of web ac
 cessibility is to remove discrimination from web and any attempt towards t
 hat helps the cause.\n    4. Levelling the field for candidates as now the
 y don't need to disclose their disability and ask for special treatment. W
 e are closer to make our site accessible for everyone which removes the de
 pendency from customer support team.\n\n### Speaker bio\n\nhttps://www.lin
 kedin.com/in/parasharvikas/\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/building-accessible-r
 eact-apps-KbbLNZfEn9QyuHX6Zn59BY
BEGIN:VALARM
ACTION:display
DESCRIPTION:Building accessible React applications in C D Deshmukh Auditor
 ium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Micro front-end architecture: a case study of the fitment widget o
 n Walmart.com
DTSTART:20191116T064500Z
DTEND:20191116T071000Z
DTSTAMP:20260420T034045Z
UID:session/S4GHvJfEZywLkttQ4UXrYd@hasgeek.com
SEQUENCE:2
CATEGORIES:20 mins crisp talk,Accept proposal
CREATED:20191010T142345Z
DESCRIPTION:The session will consist of\n1. What Micro Frontends architect
 ure is in brief\n2. Problem that we are trying to solve with this Architec
 ture\n3. What are the constraints that need to be adhered to\n4. Deep dive
  into the Fitment widget and the design it uses\n5. Design Elements and De
 tails of this implementation\n6. Q&A at the end of the sssion\n\n### Speak
 er bio\n\nNidhi Sadanand is a Distinguished Engineer working on various Cu
 stomer facing applications on Walmart.com including the Search Experience 
 and the Omnichannel experiences. She has 18 years of experience working as
  full stack developer in various domains including eCommerce\, Gaming and 
 Financial Services.\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/micro-frontend-archit
 ecture-a-case-study-of-the-fitment-widget-on-walmart-com-S4GHvJfEZywLkttQ4
 UXrYd
BEGIN:VALARM
ACTION:display
DESCRIPTION:Micro front-end architecture: a case study of the fitment widg
 et on Walmart.com in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Introducing React in a monolithic architecture: Microsoft's journe
 y
DTSTART:20191116T071000Z
DTEND:20191116T074000Z
DTSTAMP:20260420T034045Z
UID:session/K1oZqix7Akc3TjjqYo8MFj@hasgeek.com
SEQUENCE:2
CATEGORIES:20 mins crisp talk,Accept proposal
CREATED:20191010T141758Z
DESCRIPTION:How we introduced React in monolithic architecture\n1.Performa
 nce\n2.Integration\n3.Collaboration\n4.Handshake\n5.Flighting\n\n\nHow we 
 create sharable architecture\n1.Webpack\n2.Appchrome with nugget cache\n3.
 Typescript and script sharp similarity\n4.Reduced js size.\n\n\nTelmetry a
 nd performance logging\n1.Logging que implementation\n2.Component level lo
 gging.\n\n\nReact with Tensorflow\n1.A glimpse towards Machine learning un
 der the hood of react.\n\n### Speaker bio\n\nI am currently part of Micros
 oft India R&D and taking care of the Microsoft Word online web interaction
 . Prior to this I was handling workplace analytics in microsoft which was 
 react based application dashboard for b2b organization to analyze and calc
 ulate their custom metrices.\nI am having experience of working with Hotst
 ar\, Dominos\, Yatra.com.\nI have worked on many products revamping from o
 thers tech to react and helped few startups to create their initial pilots
 .\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/new-react-child-in-da
 ddys-code-a-microsoft-journey-K1oZqix7Akc3TjjqYo8MFj
BEGIN:VALARM
ACTION:display
DESCRIPTION:Introducing React in a monolithic architecture: Microsoft's jo
 urney in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Lunch break
DTSTART:20191116T074000Z
DTEND:20191116T082500Z
DTSTAMP:20260420T034045Z
UID:session/Ho9HpPcCNbPc4GoQ5bBbPa@hasgeek.com
SEQUENCE:0
CREATED:20190718T093715Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20191111T092701Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Lunch break in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Jira’s journey towards delightful web performance
DTSTART:20191116T082500Z
DTEND:20191116T090500Z
DTSTAMP:20260420T034045Z
UID:session/PMdQ74F6Ecw3jXgF3cKpGK@hasgeek.com
SEQUENCE:2
CATEGORIES:40  mins full talk,Accept proposal
CREATED:20191004T124504Z
DESCRIPTION:These are the areas I plan to touch on:\n\n- Overview of Jira'
 s journey towards a modern\, React-based tech stack: Timeline - where did 
 we start\, where are we now\; from lipsticking\, to an inside-out model\, 
 to an outside-in model.\n- A primer on web performance at Atlassian: Verti
 cal vs. horizontal scaling\; TTR vs. TTI\; P50\, P90\, APDEX.\n- Server Si
 de Rendering (SSR): How it works and why it works\; the security implicati
 ons of SSR\; Atlassian's patented SSR architecture.\n- Single Page Applica
 tion (SPA) architectures: Full page load vs. SPA transitions\; the “netw
 ork effect” of an SPA and its implications\; how to integrate legacy exp
 eriences into a fundamentally modern SPA.\n- Education and alignment: How 
 can independent teams and engineers sustainably use a shared\, limited res
 ource such as the browser? \n- Up next: What are the upcoming trends and t
 echnologies that Atlassian is looking into?\n\n### Speaker bio\n\nHannes i
 s the engineering manager responsible for Jira's frontend platform\, which
  provides the build and deployment infrastructure\, dev tooling\, and appl
 ication architecture for Jira's new\, React-based UI. Today\, the frontend
  platform powers a codebase of more than 1M LoC\, with 400 individual cont
 ributors in total\, and 200 contributors every month.\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/closing-jracloud-6884
 5-jiras-journey-towards-delightful-web-performance-PMdQ74F6Ecw3jXgF3cKpGK
BEGIN:VALARM
ACTION:display
DESCRIPTION:Jira’s journey towards delightful web performance in C D Des
 hmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Birds of Feather (BOF) session: On accessibility testing
DTSTART:20191116T085500Z
DTEND:20191116T094500Z
DTSTAMP:20260420T034045Z
UID:session/WzYJegVGpwCSiduwP9yrdQ@hasgeek.com
SEQUENCE:2
CREATED:20191105T035947Z
DESCRIPTION:This Birds of Feather (BOF) session will cover the following q
 uestions:\n\n1. What are the important aspects that must be considered to 
 make accessible applications for mobile platforms?\n2. What is the correct
  methodology to execute Accessibility Testing? Is it enough to rely on aut
 omated tools?\n3. What are the upcoming technologies that are changing the
  landscape for Accessibility testing?\n4. Can we execute Accessibility tes
 ting once a product is released?\n5. How to ensure that a website or an ap
 plication is compliant?\n\n### Speaker bio\n\nRohan Sharma is senior Acces
 sibility Lead Engineer at QA InfoTech.\nDinesh Kaushal\, Sapient.\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:Birds of Feather (BOF) open space - India International Centre (m
 ain building)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Birds of Feather (BOF) session: On accessibility testing in Bi
 rds of Feather (BOF) open space in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Rethinking front-end development using GraphQL
DTSTART:20191116T090500Z
DTEND:20191116T093000Z
DTSTAMP:20260420T034045Z
UID:session/2PBzqPnctSFEcKKLmEAJfM@hasgeek.com
SEQUENCE:2
CATEGORIES:20 mins crisp talk,Accept proposal
CREATED:20191010T142042Z
DESCRIPTION:Problems faced using REST and their solutions\n\n1.  Mocking: 
 During development the most common problem faced is mocking. Generally fro
 ntend(app/web or both) is blocked on backend due to unstable apis or breac
 h of contract with the backend. Mocking is implemented in frontend to over
 come this problem but different implementation is needed in both app and w
 eb to achieve mocking. Still there is a limitation that you have to mock e
 ntire APIs. With graphql you can achieve seamless mocking for both app and
  web and its as simple as writing “@mock”\n2.  Backend-Frontend Coupli
 ng: Generally frontend objects are coupled with backend schema. If the sch
 ema changes\, the api structure changes\, hence the frontend changes unnec
 essarily. With graphql\, things become decoupled between frontend and back
 end. Graphql defines a schema which is consumed by the frontend. The objec
 ts are resolved using resolvers written in the server. When the schema cha
 nges\, only the resolvers change\, but there is no need for the schema to 
 change.\n3.  The eternal and relentless fight between frontend demands and
  backend supplies: Multiple and sometimes serial calls are needed to rende
 r a page in frontend and these calls over internet take a lot of time. Gra
 phql combines these calls returns a neat object to frontend\n4.  Overfetch
 ing: Read only the data that you require.\n5.  Breach of contract: How man
 y times have you sent a build and the API calls failed as some you made a 
 typo in the request. Graphql locks the schema and provides static type che
 cking. Eslint graphql plugin validates the schema for you. Autocomplete in
  queries is also possible by using relevant plugins.\n\n\n\nTrue Component
 ization of React Components\n\n1.  Things needed to render a component? HT
 ML\, style(CSS) and data\n2.  React brought in the component pattern and H
 TML.\n3.  CSS in JS brought in style componentization. The component now o
 wns the style.\n4.  What about data? Component defines the data it require
 s to render using fragments. A wrapper translates the data into a graphql 
 query and supplies the data to the component\n\n  \n\nFeature Enablement\n
 \n1.  We follow trunk based development.\n2.  So lots of features are in t
 he master branch and they all get pushed to staging/production etc.\n3.  S
 omeway needed to disable the features.\n4.  Disabled features should also 
 not bring their data. Possible easily with the “@skip” directive\n\n  
 \n\nDeclarative way of implementing things\n\n1.  Deferring an object\n2. 
  Skipping an object\n3.  Declarative queries and mutations\n\n### Speaker 
 bio\n\nI am a JavaScript enthusiast with 3 years experience in front-end d
 evelopment. Currently working as a front-end developer with Mindtickle\, P
 une.\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/rethinking-frontend-d
 evelopment-using-graphql-2PBzqPnctSFEcKKLmEAJfM
BEGIN:VALARM
ACTION:display
DESCRIPTION:Rethinking front-end development using GraphQL in C D Deshmukh
  Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Keeping React Redux healthy
DTSTART:20191116T093000Z
DTEND:20191116T100000Z
DTSTAMP:20260420T034045Z
UID:session/HHTbwBYcRVbBDKGzC7ovSW@hasgeek.com
SEQUENCE:2
CATEGORIES:20 mins crisp talk,Accept proposal
CREATED:20191010T141647Z
DESCRIPTION:Why React and Redux ?\n- Declarative vs Imperative\n- JSX for 
 templating\n- One way data binding\n- Virtual DOM for faster rendering\n- 
 Simple\, scalable and fast \n- Redux : 3 principles \n    - Single source 
 of truth\n    - Pure Functions\n    - State is read only\n- Redux: An exam
 ple of command pattern\n\n\nReact optimizations and performance improvemen
 ts: key takeaways\n- Usage of PureComponents instead of Component for fast
 er performance through shallow comparison\n- Pass only what is needed in p
 rops to avoid unnecessary rendering and scripting\n- In connect\, pass onl
 y what is needed in mapStateToProps\n- Render only the components needed \
 n- Use memoized selector (reselect) for faster data manipulation\n\nError 
 Handling\n- Integrate Sentry with tool\n- Maintain ErrorBoundary and keep 
 it as granular as possible\n\nDevelopment\n- Break components into sub com
 ponents and keep it modular\n- Ensure to make the components reusable enou
 gh by passing generic props and setting default values for props\n- Use on
 ly one UI framework eg: ant\, semantic\n- Ensure to add a README.md in cod
 e for new developers\n\nError State\n-Never setState within render to avoi
 d infinite rendering\n-Never setState within componentDidUpate without che
 cking that prop or state is actually changed\n\n### Speaker bio\n\nHeena i
 s an open source enthusiast. She currently works at Zomato as Senior Softw
 are Engineer. She was awarded with Tech Upcoming Rising Star Award for dev
 eloping web based financial dashboards and Promising New Comer in her form
 er companies for the contributions made. She is a Google Summer of Code an
 d Season of KDE student developer. She has also mentored in Google Code In
 \, Learn IT!\, Girl and Season of KDE. She has also co-administered Google
  Code In-KDE and Season of KDE. During her college days\, she also founded
  Women Who Code Delhi chapter and has presented at various regional and in
 ternational conferences including FOSSASIA\, HKoSCon\, GSoC meetup’15. I
 nterestingly\, she has also presented a poster presentation on narrative v
 isualizations and storytelling at Grace Hopper Conference India.\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/keeping-react-redux-h
 ealthy-what-why-and-how-with-rendering-optimization-and-performance-improv
 ements-HHTbwBYcRVbBDKGzC7ovSW
BEGIN:VALARM
ACTION:display
DESCRIPTION:Keeping React Redux healthy in C D Deshmukh Auditorium in 5 mi
 nutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Evening beverage break
DTSTART:20191116T100000Z
DTEND:20191116T102500Z
DTSTAMP:20260420T034045Z
UID:session/3C1G6Eoh8GUwFk7vUosnKw@hasgeek.com
SEQUENCE:0
CREATED:20190718T093931Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20191111T092719Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Evening beverage break in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Birds of Feather (BOF) session: On state management
DTSTART:20191116T101500Z
DTEND:20191116T110000Z
DTSTAMP:20260420T034045Z
UID:session/UezP17RYKnr2xawvQ5bu8S@hasgeek.com
SEQUENCE:0
CREATED:20191111T045348Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20191111T045415Z
LOCATION:Birds of Feather (BOF) open space - India International Centre (m
 ain building)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Birds of Feather (BOF) session: On state management in Birds o
 f Feather (BOF) open space in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Flash talks by audience
DTSTART:20191116T102500Z
DTEND:20191116T104000Z
DTSTAMP:20260420T034045Z
UID:session/JrXmyg5hpnQjHpYjwoZmXw@hasgeek.com
SEQUENCE:0
CREATED:20190718T093916Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20191111T092721Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Flash talks by audience in C D Deshmukh Auditorium in 5 minute
 s
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Flash talk: React-Redux performance: one connected parent versus m
 ultiple connected children
DTSTART:20191116T104000Z
DTEND:20191116T104500Z
DTSTAMP:20260420T034045Z
UID:session/4vdzT85ASm5RFpaVAAYCDW@hasgeek.com
SEQUENCE:0
CREATED:20191022T041535Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20200801T070441Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Flash talk: React-Redux performance: one connected parent vers
 us multiple connected children in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Building data-driven applications with ReactiveSearch
DTSTART:20191116T104500Z
DTEND:20191116T110500Z
DTSTAMP:20260420T034045Z
UID:session/N6GUVBHpNqQaS1PGXPuK38@hasgeek.com
SEQUENCE:2
CATEGORIES:Full talk (40 mins),Intermediate,40  mins full talk,Accept prop
 osal
CREATED:20191010T142143Z
DESCRIPTION:- Introduction to Data-Driven apps\n- How to Elasticsearch\n- 
 Introduction to ReactiveSearch\n- A demo app with explanation\n- ReactiveS
 earch Architecture\n- ReactiveSearch Ecosystem (Maps\, Vue & React-Native)
 \n- Q&A\n\n### Speaker bio\n\nI have an experience of 3+ years with some c
 ool startups and latest tech stack like ReactJS\, ReactNative\, VueJS and 
 NodeJs etc.\nAs a full-stack developer\, I love to do experiments with the
  latest web technologies\, nowadays I'm exploring golang.\n\nI am working 
 with Appbase.io & previously worked at GeekyAnts.\n\nThere is a special pl
 ace in my heart for the OSS\, you can check some of the popular open-sourc
 e contributions by me:\n- https://github.com/appbaseio/reactivesearch\n- h
 ttps://github.com/bietkul/react-reactive-form\n- https://github.com/bietku
 l/react-native-form-builder\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/building-data-driven-
 apps-with-reactivesearch-N6GUVBHpNqQaS1PGXPuK38
BEGIN:VALARM
ACTION:display
DESCRIPTION:Building data-driven applications with ReactiveSearch in C D D
 eshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Birds of Feather (BOF) session: On GraphQL - experiences\, war sto
 ries\, and learnings
DTSTART:20191116T110000Z
DTEND:20191116T114500Z
DTSTAMP:20260420T034045Z
UID:session/PKWwV54QBhEwAbEJa4sFg9@hasgeek.com
SEQUENCE:0
CREATED:20191111T045501Z
DESCRIPTION:\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20191115T190607Z
LOCATION:Birds of Feather (BOF) open space - India International Centre (m
 ain building)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
BEGIN:VALARM
ACTION:display
DESCRIPTION:Birds of Feather (BOF) session: On GraphQL - experiences\, war
  stories\, and learnings in Birds of Feather (BOF) open space in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
BEGIN:VEVENT
SUMMARY:Building a high performance mobile-first web app: a case study of 
 Jabong PWA
DTSTART:20191116T110500Z
DTEND:20191116T115000Z
DTSTAMP:20260420T034045Z
UID:session/EajGHaL9gXLdZ7AmfCbaWP@hasgeek.com
SEQUENCE:2
CATEGORIES:40  mins full talk
CREATED:20191101T093601Z
DESCRIPTION:This talk will cover how we have reduced the JavaScript footpr
 int drastically using preact and related libraries. Also\, we will talk ab
 out the code-splitting in preact app that allowed us to render a fully int
 eractive page with just 18kb of JavaScript less than react size.\n\nThese 
 are some of the latest web and browser technologies we have implemented.\n
 \nZERO render blocking requests\nIntersection Observer\nLazy load images u
 sing Intersection Observer\nReplace onScroll with Intersection Observer\nP
 reload critical requests\nHybrid rendering\nRequestAnimationFrame for visu
 al changes\nPassive Listeners\nPrecache future routes with serviceworker\n
 Route-based & Component-based Code Splitting\nHTTP/2 - Server push and mul
 tiplexing\nPreconnect third party domains\nMaximize GPU usage\nUsing the l
 atest image formats for different browsers Progressive jpeg and WebP\nNetw
 ork API & dpr-based Image delivery\nWeb Font optimization\n\n### Speaker b
 io\n\nDirector of Engineering at Myntra Jabong\n“Using technology to bui
 ld product that helps customers to make better buying decisions”\n
GEO:28.5932756;77.2225592
LAST-MODIFIED:20230810T072606Z
LOCATION:C D Deshmukh Auditorium - India International Centre (main buildi
 ng)\, New Delhi\nNew Delhi\nIN
ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com
URL:https://hasgeek.com/reactfoo/2019-delhi/schedule/building-a-high-perfo
 rmance-mobile-first-web-app-a-case-study-of-jabong-pwa-EajGHaL9gXLdZ7AmfCb
 aWP
BEGIN:VALARM
ACTION:display
DESCRIPTION:Building a high performance mobile-first web app: a case study
  of Jabong PWA in C D Deshmukh Auditorium in 5 minutes
TRIGGER:-PT5M
END:VALARM
END:VEVENT
END:VCALENDAR