Crew
Workshop: React Hooks - Rethinking the component model
ReactFoo For members

Workshop: React Hooks - Rethinking the component model

Learn React Hooks while building a game

Tickets

Loading…

Description:

Hooks bring a shift in the mental model of components. We need to change how we think about the component lifecycle - instead of mount and update, we need to think in terms of renders and effects.

Hooks are a new addition to React. They let you use state and other React features without writing a class.

The best way to learn a new tech is to practice it and build something with it. So, let’s learn while building a freaking game!

What will you learn:

  • UseState: Learn how to manage local date / state in a component
  • Custom hooks: Build your own hooks to extract logic into reusable functions
  • UseEffect Perform side effects in function components
  • UseContext Subscribe to React context without introducing nesting
  • UseRef Hold instance values in a function component

Trainer Bio:

Siddharth Kshetrapal builds design systems for Auth0 (ex frontend architect at Practo). He is a regular speaker at javascript conferences (JSChannel, Reactfoo, CodeEurope, ReactFest London). He also co-organises React Bangalore.

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

{{ members.length }} {{ gettext('members') }}{{ gettext('member') }}

{{ role.roleName }}

{{ gettext('No members found') }}

{{ gettext('Members you add will appear here…') }}

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