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

Eric Bishard

@httpjunkie

Basic State Management using React Hooks

Submitted Feb 8, 2019

Managing state for UI components in React until now has required a dependency on libraries like Redux. But for simple UI level state management React has introduced Hooks into React core.

Understand the basics of using state, side-effects and the Context API using React’s three basic Hooks (useState, useEffect and useContext).

Outline

Start with a look at the history of react state in React.
Talk about the 16.x releases from React in 2018 and how they were instrumental in setting Hooks up for success.
Cover functional components, talk about how they change the way we write components.
Walk through code required to use Hooks in React and show side by side comparisons of how we write class based components and how that syntax changes when we switch to Hooks.
Cover each basic React Hook useState, useEffect & useContext in a demo that encompasses the use of them all.
Walk through the code in a live demo.
Optionally with enough time I can talk about useReducer an advanced React Hook.

Requirements

Their brain only.

Speaker bio

Eric Bishard is a Developer Advocate working with KendoReact at Progress Software. As a software engineer, he has experience building web based applications with a focus on components for user interfaces in frameworks like Angular and React. Feel free to connect with Eric (@httpJunkie) on Twitter!

Links

Slides

https://docs.google.com/presentation/d/1CNyxv438-Nd8O41gIUSB6B3a4Tl3hXrQqu1WmYTuRSE/edit?usp=sharing

Comments

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

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

{{ errorMsg }}

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

Tanay Pratap

How we broke React and understood Fiber!

We were trying to push the boundaries of web performance with React in Microsoft Teams when we were left with no choice but to get into React’s souce code. What came out was an appreciation of the React’s new Fiber architecture and this talk. This will get into the story of how a bug in React made us all understand Fiber better and in turn advance our Javascript performance knowledge. This isn’t … more

11 Feb 2019