Front-end dev setup

[markhicken]

Hey friends. I'm trying to get setup for front-end development so I can contribute a bit more to the UI.

I see the --local-frontend option which I've been using, but I noticed that the UI still has to do a full build to the ./build folder after every update. Can someone explain how you are using npm run watch:hot (for the old UI) and/or npm run start (for the new UI) with the local backend server? I didn't see any documentation on how to do this.

Thanks for any info you can share!

[markhicken]

I found an ok way to do this... I added writeToDisk: true to webpack.dev.js which builds webpack dev server's output to disk.

I'm still wondering if the team has a better way.

[ainar-g]

Hello. It seems like most of our front-end developers just use npm run watch with --local-frontend.

[markhicken]

Thanks for the reply. So it seems to me that we may want to update the webpack dev server settings so that it can more easily run against the local backend.

[ameshkov]

Please note that there're basically two different client versions now.

• client - the old one which will be still used in v0.106.x and v0.107.x. We try not to make any major changes to the old client since we'll have to reflect them in the new UI later anyway.
• client2 - the new version which is completely different from the old one.