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

Mihir Khatwani

@mihirkhatwani

Let's write baby redux

Submitted Mar 29, 2018

Redux is probably the most misunderstood library out there. A lot of big serious project codebases which use Redux end up looking like the Redux Documentation’s toy code examples. To para-phrase one of the Redux core contributors, the documentation examples are just for the sake of starting off with Redux and do not reflect a pattern in which Redux should be used in. In the workshop we will write our own baby redux clone and come up with different approaches/patterns it can be used for various use cases. The goal is to understand what redux is at a fundamental level, how it can be used more effectively as per use cases and how to be more creative while using it.

Outline

Everyone works in pairs.

Breakdown of Workshop activities

  • Pairing up of participants
  • A brief overview of 2 Design patterns
  • Writing baby Redux clone
  • Come up with different patterns it can be used in
  • Discussion about the patterns in the documentation code examples
  • Using your own Redux clone in an existing toy small react app (will be given)
  • Breaking down some of the commonly (based off of participants picks) used Redux libraries
  • Implementing 1 small common redux library per pair

Requirements

Pre-Requisite of Participants:

  • Experience working with React
  • Redux experience optional

A computer with following things setup

  • Node (LTS)
  • Git
  • Github Account
  • Text Editor
  • Internet Connection

Speaker bio

To ramp-up a team of backend Java developers to start quickly contributing to a frontend React Redux project, I wrote a wrapper on redux which makes working with a React Redux App very similar to a Spring Boot backend project. Also a general hatred of writing code with if-elses and non pattern matching switch cases lead me to use Redux in various different structures. Both of the above activities lead me exploring Redux internals quite a lot.

Comments

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

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

{{ errorMsg }}

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

Souvik Basu

React app with Apollo + GraphQL

GraphQL is a preferred alternative to REST for API endpoints because of the flexibility it provides in building the contract between UI and services. Apollo client provides a declarative way to query GraphQL endpoint. We will explore how to use Apollo client in React components to get data from remote API endpoint and render component declaratively. more

06 Mar 2018