React Suspense, lazy and all about Hooks

Submitted Nov 4, 2018

Section: Full talk Technical level: Intermediate

Sophie Alpert and Dan Abramov introduced Hooks, which are a new proposal that adds the ability to access features such as state without writing a JavaScript class. Hooks promise to dramatically simplify the code and are currently available in a React 16.7 alpha release.

We also have a React.lazy API for code splitting and React.Suspense.

The talk would focus on explaining these concepts with some live coding examples and how it can help restructure our apps.

Outline

What was the problem with React classes?
What are hooks and what problem do they solve?
Easy code splitting with React.lazy api and Suspense
Suspended rendering with React.suspense
Writing your new react components with hooks (Keeping in mind that this still is an alpha release)

Requirements

N/A

Speaker bio

Front-End Engineer with 4 year’s of experience building products for numerous domain’s like e-commerce, real estate, video-streaming and now Fin-Tech.