Choose and setup front end framework

[StyleTang]

FEATURE REQUEST

Please describe the feature you are requesting.

Choose a new front-end framework to maintain the web static resource.

The current front-end and back-end mixed architecture are hard to maintain. We can find more information here. Front End / Back End Separate Solution

Provide any additional detail on your proposed use case for this feature.

We suggest choosing React as our front-end framework, we can also add Redux and Redux-related middleware Redux-Saga/Redux-thunk, etc.

We can introduce UI framework, something like ant-design dva umi (Free free to comment if you know better ones.)

Indicate the importance of this issue to you (blocker, must-have, should-have, nice-to-have). Are you currently using any workarounds to address this issue?

blocker. (Architecture upgrade strong dependence on it, we will migrate old front end page to this new framework)

If there are some sub-tasks using -[] for each subtask and create a corresponding issue to map to the subtask:

This is related to the front end/back end separate solution, but it can be done in parallel.

[vongosling]

Pls keep going, see my comments in pr:-)

[zongtanghu]

I perfer to choose vue as the front framework. @StyleTang

[suvllian]

I suggest to choose React as front end UI framework, react has better community support than other framework.

we can use ant-design as components library, and use dva as state container.

React hooks are a new addition in React 16.8. React hooks are easier to work with and to test, and make the code look cleaner, easier to read.

If we want use react hooks in our project, we can add umi hook

[StyleTang]

At present, React is still the most used front-end framework, as far as I know, most companies choose React as their main framework. It also means more developers can contribute to RocketMQ Dashboard, it is good for the long-term development of the RocketMQ Dashboard. eact-vs-vue-vs-@angular/core

[StyleTang]

@suvllian Could you help to set up the front end framework and submit a PR? We can put the front end module into the frontend folder. |-------src ( backend: Spring-boot) |-------frontend (React)

[1994]

just use react please, keep simple.

[StyleTang]

just use react please, keep simple.

We are using React, but we also need some basic UI components, so we introduced and. As you can see, this PR is a little complex, we are trying to make it simple.

[makabaka23333]

我更愿意选择 vue 作为前端框架。@StyleTang

+1

[StyleTang]

Close it first and then there will be other updates.

[vongosling]

Keep up :-)