Marvel starts

The data we receive is from marvel.com.

The Characters - main page has a loading of randomized characters, a list of cards and a search for a character by name. When clicking on a character from the list, you can see the character’s description and the comic book list in the right hand column.

The Comics - next page, comic book list. You can also select and go to the next page with description.

1. Receive data from API, and create a component which can get necessary data - change state.
2. Good tone of application, the message show about error if api doesn't answer or need little wait.
3. life cycle: componentDidMount(), componentWillUnmount(). Сatching errors with componentDidCatch() and placing the component into each other 'RandomChar' into 'ErrorBoundary';
4. Rewritten classes on hooks(useEffect, useState, use Ref).
5. Creating own hooks: useHttp, useMarvelService..
6. Navigation in app with Router v5. Used link, router, activeStyle. After update on v6.4.
7. Used Libs Formik, SEO React-helmet, Finite-state machine(FSM);