Rewrite Class-Based React Components to Functional Components in Modelina Website

[devilkiller-ag]

The current codebase of the Playground Generator Options, Docs, and Examples Components of the Modelina Website contains class-based react components. We should update the code base to use functional components and hooks at all places. This will result in cleaner, easier-to-understand components compared to class components. This issue is to track my work on this.

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[asv018]

Can you assign this issue to me?
I can start contributing

[devilkiller-ag]

Hi @asv018, I Have already started working on this. If you are interested in contributing, I can recommend you some other issues.

[asv018]

Hi @asv018, I Have already started working on this. If you are interested in contributing, I can recommend you some other issues.

Yeah sure

[asv018]

I can also work upon this issue.

[devilkiller-ag]

@asv018 You can checkout these issues: issue 1, issue 2, and issue 3. There are many other good-first and stale issues which you can check in the issues section. All the best ✨

[asv018]

It will be good if you can assign this issue to me. I am also starting contributing to it.

[devilkiller-ag]

Hi @asv018, Sorry I can't assign as I have been working on this issue for a while and I am done with much of the work. This issue is continuous with another pr for upgrading the layout of the Modelina playground.

[asyncapi-bot]

🎉 This issue has been resolved in version 2.0.11 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[asyncapi-bot]

🎉 This issue has been resolved in version 3.0.0-next.8 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀