# Can reconstruct node red？

**URL:** <https://discourse.nodered.org/t/can-reconstruct-node-red/55484>\
**Category:** General\
**Created:** [20 December 2021 14:33 UTC](https://discourse.nodered.org/t/can-reconstruct-node-red/55484 "2021-12-20T14:33:13Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![lele](https://avatars.discourse-cdn.com/v4/letter/l/e5b9ba/32.png) [@lele](https://discourse.nodered.org/u/lele)\
**Post date:** [20 December 2021 14:33 UTC](https://discourse.nodered.org/t/can-reconstruct-node-red/55484/1 "2021-12-20T14:33:13Z")

</div>

I'm a front-end newcomer.  
I am currently developing a project based on node red, but as the project becomes more and more complex, I think the maintainability is getting worse and worse, because a lot of jQuery is used in the project.  
So I want to refactor this project, but I find it difficult.  
Can Vue or react be used to reconstruct node red? Is there any good way to make complex projects based on node red easier to maintain.  
Thank you.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [20 December 2021 14:59 UTC](https://discourse.nodered.org/t/can-reconstruct-node-red/55484/2 "2021-12-20T14:59:50Z")

</div>

> [@lele](#):
>
> Can Vue or react be used to reconstruct node red?

I suspect that you are conflating Node-RED with a user interface. Node-RED itself just has a singular UI which is the Editor - used only for authoring flows. If you are writing custom nodes then you would be using jQuery to help with your node's configuration panel but generally, that doesn't get all that complex.

The other UI often associated with node-red is the Dashboard. But this is a separate module alltogether. It uses mostly Angular v1 though I believe jQuery may also be available.

THere are, however, other tools for node-red that let you create user interfaces. My own uibuilder for example provides a framework for building UI's and lets you use any (or no) front-end framework to help.

Bottom line to your question though is _no_, you can't use Vue or REACT to rebuild node-red since most of node-red is Node.js back-end server code, only the Editor is front-end code and that uses D3 and jQuery/jQuery-UI. But you can use different frameworks to build user interfaces.

> [@lele](#):
>
> Is there any good way to make complex projects based on node red easier to maintain.

If you are referring to building data-driven user interfaces with the help of node-red then you can use fairly standard web development pipelines with uibuilder to help manage complex front-end code.

---

<div class="post-metadata">

**Author:** ![lele](https://avatars.discourse-cdn.com/v4/letter/l/e5b9ba/32.png) [@lele](https://discourse.nodered.org/u/lele)\
**Post date:** [20 December 2021 15:23 UTC](https://discourse.nodered.org/t/can-reconstruct-node-red/55484/3 "2021-12-20T15:23:14Z")

</div>

Thank you very much for your reply.  
Therefore, is it more reasonable to retain the architecture of node red and make it a part of Vue project, and then develop it on this basis?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [20 December 2021 15:27 UTC](https://discourse.nodered.org/t/can-reconstruct-node-red/55484/4 "2021-12-20T15:27:17Z")

</div>

You haven't really explained what you are trying to achieve so it is hard to give specific guidance here.

I would say though that if you have existing or developing VueJS front-end code, you might look to Node-RED to provide a data-driven back-end. A back-end that would potentially allow people with limited coding skills to help create and manage the business logic. You could then use uibuilder to provide the bridge between the front-end and back-end.

You should also note that it is fairly easy to build Node-RED into an existing Node.js back-end if that is already using ExpressJS to provide service web endpoints.

---

<div class="post-metadata">

**Author:** ![lele](https://avatars.discourse-cdn.com/v4/letter/l/e5b9ba/32.png) [@lele](https://discourse.nodered.org/u/lele)\
**Post date:** [20 December 2021 15:39 UTC](https://discourse.nodered.org/t/can-reconstruct-node-red/55484/5 "2021-12-20T15:39:58Z")

</div>

Thank you for your reply.  
I already have a complete system, including front-end and back-end. I have developed my own node and added many functions to node red, so the front-end part of the system seems difficult to maintain. Therefore, I am considering whether it is possible to refactor it or have other ideas to implement node red. Your reply has helped a lot.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [18 February 2022 15:40 UTC](https://discourse.nodered.org/t/can-reconstruct-node-red/55484/6 "2022-02-18T15:40:05Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.