Workshop: React Hooks - Rethinking the component model

Workshop: React Hooks - Rethinking the component model

Learn React Hooks while building a game

Make a submission

Submissions are closed for this project

ThoughtFactory, Bengaluru

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

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.

Venue

ThoughtFactory

Tower D, 2nd Floor,

Diamond District

Bengaluru - 560102

Karnataka, IN

Loading…

Make a submission

Submissions are closed for this project

ThoughtFactory, Bengaluru

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