ReactFoo Delhi
ReactFoo For members

ReactFoo Delhi

On React, performance and front-end engineering

Tickets

Loading…

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

Heena H

@heenamahour

Keeping React Redux healthy: What, why and how with rendering optimization and performance improvements

Submitted Oct 2, 2019

React.js is a declarative javascript library which is faster, scalable and modular. Redux, on the other hand, is a powerful state management tool. The talk explains about React and redux, why and how should it be used. It will be followed by the rendering optimizations and performance improvements made by the speaker while making use of React and Redux in the projects she was involved with. The talks focuses not just on the importance of React Redux but also on why we should keep it healthier and cleaner.

Outline

Why React and Redux ?

  • Declarative vs Imperative
  • JSX for templating
  • One way data binding
  • Virtual DOM for faster rendering
  • Simple, scalable and fast
  • Redux : 3 principles
    • Single source of truth
    • Pure Functions
    • State is read only
  • Redux: An example of command pattern

React optimizations and performance improvements: key takeaways

  • Usage of PureComponents instead of Component for faster performance through shallow comparison
  • Pass only what is needed in props to avoid unnecessary rendering and scripting
  • In connect, pass only what is needed in mapStateToProps
  • Render only the components needed
  • Use memoized selector (reselect) for faster data manipulation

Error Handling

  • Integrate Sentry with tool
  • Maintain ErrorBoundary and keep it as granular as possible

Development

  • Break components into sub components and keep it modular
  • Ensure to make the components reusable enough by passing generic props and setting default values for props
  • Use only one UI framework eg: ant, semantic
  • Ensure to add a README.md in code for new developers

Error State
-Never setState within render to avoid infinite rendering
-Never setState within componentDidUpate without checking that prop or state is actually changed

Speaker bio

Heena is an open source enthusiast. She currently works at Zomato as Senior Software Engineer. She was awarded with Tech Upcoming Rising Star Award for developing web based financial dashboards and Promising New Comer in her former companies for the contributions made. She is a Google Summer of Code and 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 international conferences including FOSSASIA, HKoSCon, GSoC meetup’15. Interestingly, she has also presented a poster presentation on narrative visualizations and storytelling at Grace Hopper Conference India.

Slides

https://docs.google.com/presentation/d/1LmuABvv8EPZqX07S-w72_lMDR1BUidHGwdKyIXE-0Is/edit?usp=sharing

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