ReactFoo

ReactFoo Pune

On lessons learned during implementation.

##About the event

After a successful first edition in Bangalore, ReactFoo travels to Pune. ReactFoo Pune will focus on the following topics:

  1. Success and failure stories of implementing React and React Native for your use-case.
  2. Lessons learned in shifting codebase from older frameworks to React.
  3. Comparative advantages of React and other JS frameworks.

ReactFoo Pune is an event for practitioners, by practitioners.

##Format

We invite developers and architects from large and small organizations to share their stories and insights with the community.

ReactFoo Pune is a two-day event with:

  • Hands-on workshops on 19 January.
  • Single track of talks and Birds of a Feather (BOF) sessions on 20 January.

30-40 participants will be admitted to each workshop. Workshop tickets have to be purchased separately. Workshops will be announced shortly.

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

##Selection process

Proposals will be shortlisted and reviewed by an editorial team consisting of practitioners from the community. Make sure your abstract contains 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 Pune conference – 19 January, 2018.
ReactFoo Pune hands-on workshops – 20 January, 2018.
Last date for submissions - 7 December, 2017.

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

##Proposal topics:
Proposals that will be evaluated will focus on personal experiences with React from a first person perspective. We’re looking for talks that will expand on reasons for decisions made to implement React, stumbling points before and after having done so, successes or failure faced with React, etc. Instructional talks exploring new features and how-to talks are not going to be a part of this edition of the conference.

Hosted by

ReactFoo
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

Vijay Dharap

@dharapvj

Maximize value of your Components by "Stencil"ing them!

Submitted Nov 7, 2017

Section: Full talk on success and failure stories with React; code overheads and code rewrite stories with React Technical level: Beginner

We live in a JS world where Angular, React and Vue camps ferociously pitch their framework’s superiority.. But at the core, they all are component based frameworks. Currently - components written for one cannot be used within other framework and hence effort spent on creating the component for one framework will need to be repeated for other frameworks again.

Web-components is the solution for this problem but the in it’s default state web components are too verbose.

StencilJS uses typescript and also uses familiar constructs from React, Angular and Vue world like props(), Component decorators etc and makes its far easy to write cross-framework components.

Thus, you maximize the value of your components by making them compatible in all the popular MVC frameworks!

Outline

Typical flow would be to

  • Quickly show (via screenshots) a same component written in Angular, react and vue and highlight the fact that developer spent thrice the effort for same functionality under 3 frameworks.
  • Introduce stencil and talk about its features and component lifecycle
  • Talk about how the syntax and component lifecycle names are closer to React, angular etc to give comfort to listeners that Adapting StencilJS is quite easy.
  • Develop / Do a code walkthrough of same component in stencil
  • Show how it can be now imported in all 3 types of project, Angular, Vue and React.
  • Component should cover @prop, @state, slots, user-interaction events, etc

At the end of the talk - audience should be convinced about value StencilJS brings to the table and why that is a future of writing common components for React, Angular and vue.

Currently, there are large number of component libraries specific to React, Angular and VueJS. If everyone who is writing reusable components adapts StencilJS, it would become far easy to collaborate and more number of components will be accessible across these frameworks.

Speaker bio

Vijay is a Principal Architect at Infosys. He is Open Source Evangelist and Developer Advocate within and outside of Infosys. Vijay organizes yearly technology conference within Infosys. Vijay had privilege to speak at JSFoo 2017 as well as Great Indian Developer Summit (GIDS 2017)

While a Java veteran for many years, in last 4 years, Vijay has focussed completely on UI and UX and has spearheaded Front-end development of many large enterprise projects. He has always tried incorporate all the best practices in JS and CSS world in his projects. He loves everything about UX and has been very particular about providing the Best User Experience to the end users.

All submissions

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Register

Hosted by

ReactFoo
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