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

Ankit Muchhala

@ankit_muchhala

React Internals - How understanding React implementation can help us make better apps

Submitted Jun 29, 2018

We all know React is fast, it uses VDOM, it provides lifecycle methods and what not. But What is VDOM? How does it make React fast? How does it optimize changes? This talk aims to answer such questions about the internal workings of React.

Intended audience: Any developer working with React

Outline

  1. Philosophy of React

    1. The declarative structure
    2. UI is a projection of data y = f(d)
    3. Component based architecture
    4. Learn once, write anywhere
  2. Internal structure

    1. Elements, components and instances
    2. Renderers
    3. Reconciliation
  3. Stack Reconciliation

    1. Talk about the old reconciliation algorithm when element tree is mounted/updated/unmounted.
    2. Diffing algorithm
    3. Explain how the old lifecycle methods came into being and how react controls them.
  4. Fiber Reconciliation

    1. Aim of fiber
    2. What is a fiber and explain concept of WIP tree
    3. Pausing and resuming work based on requestIdleCallback
    4. Explain the new lifecycle methods
    5. What takes priority in fiber
  5. Miscellaneous

    1. Synthetic events and event pooling
    2. Transactions
    3. Context
  6. Shortcomings

    1. Talk about scenarios where using React might not be the best option and reason about them based on the previous explanation

Speaker bio

I am a Software Developer at Postman. I have been developing web applications for the past 4 years. Currently, I spend my time building, optimizing and maintaining the web products of Postman.

Slides

https://www.slideshare.net/AnkitMuchhala/react-internals-how-understanding-react-implementation-can-help-us-write-better-code

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