React class versus functional components and dash

[AnnMarieW]

Hi @hhoeflin

These are great questions. There are no plans to remove classes from React- see: https://reactjs.org/docs/hooks-intro.html

We intend for Hooks to cover all existing use cases for classes, but we will keep supporting class components for the foreseeable future. At Facebook, we have tens of thousands of components written as classes, and we have absolutely no plans to rewrite them. Instead, we are starting to use Hooks in the new code side by side with classes.

See this post for more information on both using classes and functional components in Dash:

Custom components using d3 and React Hooks

Thanks @jlfsjunior for posting your Dash D3 components - it’s really helpful. To see even more great examples, be sure to check out the dash-bootstrap-components library. @tcbegley refactored all the components to use functions and hooks last year. If you look at the git history, you can see the before and after and it makes it really easy to see how to make the components both ways. This example is for the dbc.Alert component: