##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:
- Performance and React.
- Performance, in general.
- Architecture with React.
- Alternatives to React – such as Angular, Vue and other frameworks – why these worked / did not work for your use-case.
- 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:
- Full length talks of 40 mins duration.
- Short talks of 20 mins duration.
- Birds Of Feather (BOF) sessions.
- 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 #
- Front-end engineers
- JS engineers from enterprises.
- JS engineers from startups.
- Architects.
- Cross-platform mobile developers.
Why you should attend? #
- To learn from and network with peers from the industry.
- To gain insights from case studies of practical implementation, and evaluate ReactJS and React Native for your work.
- 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:
- Key insights you will present, or takeaways for the audience.
- 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:
- A detailed outline, or
- Mindmap, explaining the structure of the talk, or
- 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/
PN
Pranjal Nadhani
@pranjalnadhani
Optimising webpages for product experimentation in React
Submitted Jun 30, 2018
Section:
Flash talk
Technical level:
Intermediate
We use Google’s paid Search Engine Marketing and Facebook’s ad-based marketing a lot to make ourselves and our products visible at the most prominent places of the web. This allows us to target a large audience and showing them a webpage describing our products can help us onboard them to our platform, and possibly convince them to try our product.
On using the above said medium, a lot of experimentation is done to know what works and what doesn’t, while educating a potential customer about our product. Nevertheless, these experiments must not compromise the user experience of our websites.
My talk would be based on the practices we have used at UrbanClap to allow multiple ways of experimentation on webpages, without sacrificing the major UX elements of the webpages which include initial page load time, jank-free animations on page scroll, lazy-loading of images, etc.
Outline #
This talk would be about how we develop and optimise our webpages for Google’s SEM(Search Engine Marketing) and Facebook Ads using React and Webpack on the frontend, and how we have designed our CMS(Content Management System) at the backend, which powers the various kinds of experimentation that we use for the same.
The major focus topics would be:
-
using React’s Components to make sandboxed UI elements and how we can re-use them,
-
using props and context to correctly render the re-used UI elements with a consistent design,
-
lazy-loading React Components using Webpack, (such that the initial page load time remains consistent even after bloating the page with too much content),
-
creating the structure of the page data in Redux and views in React the right way, to allow templating of UI elements,
-
modelling the page data in the backend with MongoDB as the database,
-
how to do A/B/.../n experimentation in-house
-
how doing all of the above changes the marketing numbers
Requirements #
Knowledge about how we develop web apps in React and how Webpack works.
Speaker bio #
https://www.linkedin.com/in/pranjalnadhani/
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}