React Class-Based Component to React Hooks Migration about home

[yonis9]

Hi, which components do you want to transform into functional components with hooks?

[hashirshoaeb]

Hi @yonis9
Thank you for taking interest. I'm thinking of migrating all the components to hooks. This will make the codebase look more clean. I'll appreciate your thoughts on it.

Best,
Hashir

[yonis9]

I don't think it's mandatory but we can do it.
In addition, maybe I didn't fully understand, but I think you misusing the state in some components, for example in the AboutMe.jsx:

this.state = {
  heading: "About me",
  aboutDev: Configs.aboutDev,
  instaProfilePic: '',
  showInsta: Configs.showInstaProfilePic,
  resumeURL: Pdf
};

}`

I think you can get rid of the "heading" in the state since it never gets changed and affects the component, unless you want to reuse this component for other purposes with the same logic.

If you need any help I will be happy to take part.

[hashirshoaeb]

Yes @yonis9. I did this on purpose. So that I did not have to go into the code the change the text. Simply i can change this from state.

[yonis9]

OK no problem. So I will convert it to use hooks tomorrow, is it fine?

[hashirshoaeb]

Yeah Sure.

[hashirshoaeb]

The purpose is to increase the readability of code. By:

• removing unnecessary things,
• changing components to hooks
• reengineering complex logic to simple.

And feel free to share your ideas.