JHipster is an open source project created to speed up the development and deployment of web applications. Supported by almost 600 contributors - it’s a great tool to produce any kind of Proof of Concept, CRUD as well as production ready services in a modern and rapid way. If this kind of functionality isn’t what you are looking for - it still can be used to learn some of the best development patterns by analyzing the generated source code.
In this article, you will see, how to use that knowledge to convert class component, which gets data from JSONPlaceholder into functional component based on hooks. Then you will learn, how to separate logic from component into a custom hook!
If you want to fully switch from classes to functional components with hooks, you need to not only get the knowledge about handling state within component, but also how to perform side effects. The answer is pretty simple, you need to learn useEffect hook!