Scaling up with React and Typescript

Aug 2018

13 Mon

14 Tue

15 Wed

16 Thu

17 Fri

18 Sat 08:35 AM – 04:55 PM IST

19 Sun

Make a submission

India International Centre, New Delhi

##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/

Hosted by

ReactFoo

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

All submissions

Previous Next

Scaling up with React and Typescript

Submitted Apr 11, 2018

Technical level: Intermediate

We have adopted typescript with our project and are using it at the frontend and the backend. Through this talk, I would like to share our experience working with typescript, the practices and conventions we have adopted in our team and how we were able to develop faster while maintaining the code quality at the same time.

Outline #

Quick walk through of the code stack (react, redux, typescript), the dev tools we use (ts-node, tsc, webpack) and VS code integration (prior knowledge with the tools and libraries mentioned above is expected).
Refresher - typescript interfaces, types and few other concepts like globals.
Demo - Building a simple component in react-redux with typescript.
This will demonstrate how the declaration of state, props and redux state and how typecript help us to code faster.
Demo - Iterate over the component to add more features to this.
Through this, I would like to show how typescript makes it easy to add new features or modify the existing feature with fewer bugs and issues.
Conventions we have adopted to maintain the typescript interfaces.
a. TSLint rules and TSConfig we have adopted for better code quality.
b. Conventions we have adopted for declaring the interfaces/types/enums to keep the code clean.
c. Creating global file to share the the interfaces via npm.
d. Walk through of definitely-typed library which contains typescript interfaces for most of the popular JS libraries.
Demo - How typescript makes it easy to integrate the backend and frontend.
Keeping the APIs and the UI in sync as we iterate over the product is a big challenge in itself. With typescript, we can clearly define the mandatory fields, data types of the field, object composition etc to make this proess efficient.

Speaker bio #

Arjun is a founding member and a senior software engineer at Velotio Technologies, Pune. He leads multiple projects at Velotio technologies and focuses on setting up and growing the agile teams in the company. He is a full stack engineer working primarily with Node and React Js and has worked with Python, Java and Ruby in the past for his projects at Seagate and other companies. He has also worked with different technologies like Botkit, Rasa-NLU, docker, kubernetes, chef and therby brings a vast amount of experience and expertise in multiple domains like SaaS, chat bots, NLU, Cloud and infrastructue.

Links #

https://twitter.com/harjun1601
www.linkedin.com/in/arjunh