ReactFoo 2019

ReactFoo 2019

A gathering of over 250 web and mobile developers working with React

About ReactFoo Bangalore:

ReactFoo Bangalore comes back to its original home after completing five successful editions, India-wide:

  1. ReactFoo Bangalore - September 2017
  2. ReactFoo Pune - January 2018
  3. ReactFoo Hyderabad - March 2018
  4. ReactFoo Mumbai - May 2018
  5. ReactFoo Delhi - August 2018

ReactFoo Bangalore will bring together over 250 developers working with React, and who are invested in building a space for conversations around experiences using React in production.
ReactFoo Bangalore is a single-day, single track conference with talks, office hours and Birds of Feather(BoF) sessions. Workshops will be held on 1 and 3 March, before and after the conference.

Who should attend ReactFoo:

  1. Front-end engineers
  2. Teams and companies who are evaluating frameworks to use for running applications in production
  3. Cross platform mobile developers

ReactFoo provides you the opportunity to:

  1. Learn from and network with peers from the industry
  2. Gain insights from case studies of practical implementation, and evaluate ReactJS and React Native for your work
  3. Understand how to run React in production, end-to-end, rather than only build an application with React

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

Arijit Bhattacharya

@hwk73

Wrap it in a Web Component

Submitted Feb 3, 2018

An intro to web components, how to use familiar declarative abstractions to write them and what kind of pragmatic problems it can help you solve.

Outline

For larger companies with fully functional legacy codebases and multiple teams, waves of new frameworks often ensues confusion.

Engineer:   We should totally rewrite this in React/Vue/Nue(sorry!)

Other Professionals:   How often should we have to rewrite our applications? ROI?

Rewriting costs a lot

  • dev time
  • infrastructure to switch between versions
  • maintaining two versions simultaneously

Sometimes we identify parts of app which could benefit from modern frameworks.

But legacy code holds us back.

These smaller additions can be

  • widgets on a dashboard
  • integrating a mini-app like chat developed by other teams
  • or it can be a bit more ambitious like an editor

We can write these smaller apps/system of components as custom elements but with declarative component abstractions which we all love so much.

Its the best of both worlds

  • reusability and freedom from any frameworks (or versions)
  • express solutions with declarative abstractions

I would like to present ideas and workflows that would help a developer to write a custom element and use it with any framework.

  • Intro to web components (especially custom elements)
  • Difference between custom elements and React components
  • Using SkateJS to write custom elements with declarative abstractions
  • Some use cases for web components I have come across in my work which may be a food for thought

Speaker bio

UI Dev @Freshworks.

For the last three months, I have been working to bring features using Web Components to works across all the products in a frameork agnostic way. So, I want to share my learning curve. And hope it will help other devs to realise problems that could be potentially be solved by web components.

Comments

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

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

{{ errorMsg }}

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

Preeti Wadhwani

Let's Sync the Async- A Primer on Redux Sagas

Have you ever come across a situation where you want to pause function execution for some time, for example, when you’re waiting for an API response and based on it you want to perform different some action? Or you’re waiting for your database sync to finish? If it sounds relatable, you probably handled such cases using Promises/Redux-thunk, etc. but this talk will provide a cleaner solution for … more

26 Jan 2018