ReactFoo Hyderabad

On React, alternatives to React, ReactNative and front-end engineering

##About the event

After successful editions in Bangalore and Pune, ReactFoo travels to Hyderabad. The Hyderabad edition will focus on the following topics:

  1. Success and failure stories of implementing React and React Native for your use-case.
  2. Your experiences with alternatives to React – such as Angular, Vue and other frameworks – why these worked / did not work for your use-case.
  3. Front-end architecture patterns and approaches with React.
  4. Mobile engineering with ReactNative or alternatives.

ReactFoo Hyderabad is an event for JavaScript and front-end engineers. All speakers must have direct experience working with React, ReactNative or alternatives to these.


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 18 March will be announced shortly. 30-40 participants will be admitted to each workshop. Workshop tickets have to be purchased separately.

Who should attend

  1. JS engineers from enterprises.
  2. JS engineers from startups.
  3. Architects.
  4. 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.

Important dates

ReactFoo Hyderabad conference – 17 March 2018.
ReactFoo Hyderabad hands-on workshops – 18 March 2018
Last date for submissions - 15 February 2018.

##Contact details:
For more information about speaking, ReactFoo, sponsorships, tickets, or any other information contact or call 7676332020.

Event website:

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

Nitish Phanse


Demystifying Higher order components and Render Props

Submitted Jan 28, 2018

Higher order components (HOC) and render props are two advanced react patterns which help in reusability and composition of components. Both of them can easily be interchanged in their respective use cases, but they do have fine lines of distinction. I wish to explain the use cases of HOC and RPs and their respective pros and cons so that you can apply them to your daily code as need be.


Breaking down the talk into points and sub points


  1. What are higher order functions, very minimal example to explain the concept

  2. What are Higher Order components, when should you use a higher order component
    a. Why did higher order components come into being
    b. Example of a Higher order Component as a presentational component for rendering initial data for server side rendering
    c. Common examples, compose, recompose of redux

  3. What are Render props, when should you use a render prop
    a. Example of a render prop being used for rendering initial data for server side rendering
    b. Composing multiple components together with Render props
    c. Common examples, withRouter of react router

  4. Differences between HOC and RPs
    Pros and Cons of each, differences, when to use either?


Some idea of how components are reused in react.

Speaker bio

I am a senior developer at KyePot, Mumbai. I work as a javascript for my team. I’ve had over 2 and a half years experience working with React and React Native and Node and keep experimenting with React patterns and perf improvement trends. At kyepot recently, we rewrote and refactored an entire chunk of our front end code converting most of our HOCs to render props as, it served our purpose better and made the code more readable and reusable. Hence i thought i’d like to share my learnings with everyone.


{{ 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