# Can Pinegrow be used to edit the front-end of a dynamic web app which is using Typescript on Node?

**URL:** <https://forum.pinegrow.com/t/can-pinegrow-be-used-to-edit-the-front-end-of-a-dynamic-web-app-which-is-using-typescript-on-node/6795>\
**Category:** Questions\
**Created:** [August 12, 2022, 4:59pm UTC](https://forum.pinegrow.com/t/can-pinegrow-be-used-to-edit-the-front-end-of-a-dynamic-web-app-which-is-using-typescript-on-node/6795 "2022-08-12T16:59:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ltg](https://avatars.discourse-cdn.com/v4/letter/l/eb8c5e/32.png) [@ltg](https://forum.pinegrow.com/u/ltg)\
**Post date:** [August 12, 2022, 4:59pm UTC](https://forum.pinegrow.com/t/can-pinegrow-be-used-to-edit-the-front-end-of-a-dynamic-web-app-which-is-using-typescript-on-node/6795/1 "2022-08-12T16:59:05Z")

</div>

First off I’m not a developer, so advanced apologies if my question doesn’t make sense. But essentially I’d like to have a code + live preview more visual way to edit the Typescript files as I run Node in the background via Terminal (on a Mac).

Right now I’m using VS Code and while it does the job, I always have to go through the process of saving the tsx file, then go to the browser, and refresh it to check the changes I made in the code.

So can Pinegrow save me that step and provide a live preview of the generated page, as I change the Typescript code?

---

<div class="post-metadata">

**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\
**Post date:** [August 13, 2022, 12:50am UTC](https://forum.pinegrow.com/t/can-pinegrow-be-used-to-edit-the-front-end-of-a-dynamic-web-app-which-is-using-typescript-on-node/6795/2 "2022-08-13T00:50:22Z")

</div>

You can use bundlers like [Vite](https://vitejs.dev/guide/#scaffolding-your-first-vite-project) to provide HMR and you wouldn’t have to manually reload your page when working on your scripts (js/ts).

But, is your view layer using html, or is it fully js-generated by frameworks like react, vue or svelte? At the moment, Pinegrow will let you visually design your html based template.

That said, we are working on Vite-integration for frameworks like Vue which uses html-based declarative rendering. Stay tuned for this!

---

<div class="post-metadata">

**Author:** ![Wolfgang.Hartl](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/wolfgang.hartl/32/4621_2.png) [@Wolfgang.Hartl](https://forum.pinegrow.com/u/Wolfgang.Hartl)\
**Post date:** [August 13, 2022, 7:04am UTC](https://forum.pinegrow.com/t/can-pinegrow-be-used-to-edit-the-front-end-of-a-dynamic-web-app-which-is-using-typescript-on-node/6795/3 "2022-08-13T07:04:31Z")

</div>

Ooooooh wow that would be such a mega coool feature. I’m using Vue (and/or Vite) in my daily life, way more than WordPress and it would be sooo coool to have a visual editor for it, i even thought about creating something similar like this by my own!!! Great news!! 🙂

---

<div class="post-metadata">

**Author:** ![ltg](https://avatars.discourse-cdn.com/v4/letter/l/eb8c5e/32.png) [@ltg](https://forum.pinegrow.com/u/ltg)\
**Post date:** [August 15, 2022, 7:38pm UTC](https://forum.pinegrow.com/t/can-pinegrow-be-used-to-edit-the-front-end-of-a-dynamic-web-app-which-is-using-typescript-on-node/6795/4 "2022-08-15T19:38:37Z")

</div>

> [@TechAkayy](#):
>
> Vite

We are using ReactJS.

---

<div class="post-metadata">

**Author:** ![Wolfgang.Hartl](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/wolfgang.hartl/32/4621_2.png) [@Wolfgang.Hartl](https://forum.pinegrow.com/u/Wolfgang.Hartl)\
**Post date:** [August 15, 2022, 9:04pm UTC](https://forum.pinegrow.com/t/can-pinegrow-be-used-to-edit-the-front-end-of-a-dynamic-web-app-which-is-using-typescript-on-node/6795/5 "2022-08-15T21:04:52Z")

</div>

As far as i know you can create react-projects with vite too. But I’m not 100% sure since I never use react 😉
