Re: Any step-by-step on importing/developing react app in Netbeans?
Ok, never mind. I'm already far further than I was before I asked you. I can figure out the rest - thanks again for the images - they helped illuminate how stupid I was :-) Tom On Mon, Oct 7, 2019 at 2:18 PM Geertjan Wielenga wrote: > I don’t understand, to be honest, what does keeping src separated from > generated/dependency stuff mean. I can’t really help with this, you’ll need > to explain in a lot more detail and also ‘why’ etc. > > Gj > > On Mon, 7 Oct 2019 at 20:02, Thomas Wolf wrote: > >> Hi Geertjan, >> Thanks. It looks like you simply opened that directory as a project? I >> was hoping to keep the src separated from the generated/dependency stuff - >> that's why I was looking to create a new project from one of the existing >> project templates and put all the nb/dependencies in the NetBeansProjects/ >> folder and just point to 'src' in the my_apps folder in my git repository. >> >> If I wanted to do this, would I use "HTML5/JS Application with Existing >> Sources" or "Node.js Application with Existing Sources"? >> >> Thanks again, >> Tom >> >> On Mon, Oct 7, 2019 at 11:37 AM Geertjan Wielenga >> wrote: >> >>> https://github.com/geertjanw/pics/blob/master/react-in-nb-1.png >>> >>> https://github.com/geertjanw/pics/blob/master/react-in-nb-2.png >>> >>> Hope it helps. >>> >>> Gj >>> >>> On Mon, Oct 7, 2019 at 3:12 PM Thomas Wolf wrote: >>> Hi Geertjan, That would be great - thanks! I don't have my src on GitHub, but this directory structure is created by React's sample application generator using cmd "npx create-react-app app" (see https://reactjs.org/docs/create-a-new-react-app.html#create-react-app ). Tom On Sat, Oct 5, 2019 at 4:43 AM Geertjan Wielenga wrote: > If you can point to this or a similar source structure on GitHub, I’ll > make a YouTube clip showing how to set it up in Apache NetBeans. > > Gj > > On Fri, 4 Oct 2019 at 22:12, Thomas Wolf wrote: > >> Hey everyone, >> I'm just getting my feet wet with web-based application development >> (but decades of Java dev experience using NB) and, up to this point, have >> been using NB mainly as an editor for my first React app. >> >> The react application is working fine - with a standard react app >> directory structure: >> >> app/ >> build/ >> node_modules/ >> public/ >> src/ >> package.json >> >> My simple development cycle has been to start the app via 'npm start' >> and, as I update the files in src/ using Netbeans (via "Favorites" >> window), >> npm server picks up the changes and reloads the browser with my app. >> >> Debugging's basically been done by adding console.log messages :-( I >> would love to debug from within the IDE instead. Is that even feasible >> or >> must I rely on the browser-based debuggers? >> >> Is there a way I can create a NB project of the appropriate type from >> "existing" source? If so, which project template should I use? Someone >> suggested using "Node.js Application with Existing Source", but what do I >> specify for "Source Folder"? I tried both "app" and "src", but NB >> doesn't >> like either. When I click "Finish", NB just shows some warning msg for a >> split second (too short to read) and stays on that screen. >> >> Clicking "Help" on this screen does nothing except produce a thud >> sound :-( >> >> I'm on NB 11.0 on a Mac (macOS 10.14.6) w. Java 11.03. NB's working >> fine for my Java-based projects. >> >> Any help/steps would be much appreciated. >> Tom >> >> >> -- >> tjw...@gmail.com >> http://landofwolf.blogspot.com/ >> > -- tjw...@gmail.com http://landofwolf.blogspot.com/ >>> >> >> -- >> tjw...@gmail.com >> http://landofwolf.blogspot.com/ >> > -- tjw...@gmail.com http://landofwolf.blogspot.com/
Re: Any step-by-step on importing/developing react app in Netbeans?
I don’t understand, to be honest, what does keeping src separated from generated/dependency stuff mean. I can’t really help with this, you’ll need to explain in a lot more detail and also ‘why’ etc. Gj On Mon, 7 Oct 2019 at 20:02, Thomas Wolf wrote: > Hi Geertjan, > Thanks. It looks like you simply opened that directory as a project? I > was hoping to keep the src separated from the generated/dependency stuff - > that's why I was looking to create a new project from one of the existing > project templates and put all the nb/dependencies in the NetBeansProjects/ > folder and just point to 'src' in the my_apps folder in my git repository. > > If I wanted to do this, would I use "HTML5/JS Application with Existing > Sources" or "Node.js Application with Existing Sources"? > > Thanks again, > Tom > > On Mon, Oct 7, 2019 at 11:37 AM Geertjan Wielenga > wrote: > >> https://github.com/geertjanw/pics/blob/master/react-in-nb-1.png >> >> https://github.com/geertjanw/pics/blob/master/react-in-nb-2.png >> >> Hope it helps. >> >> Gj >> >> On Mon, Oct 7, 2019 at 3:12 PM Thomas Wolf wrote: >> >>> Hi Geertjan, >>> That would be great - thanks! >>> I don't have my src on GitHub, but this directory structure is created >>> by React's sample application generator using cmd "npx create-react-app >>> app" (see >>> https://reactjs.org/docs/create-a-new-react-app.html#create-react-app ). >>> >>> Tom >>> >>> >>> On Sat, Oct 5, 2019 at 4:43 AM Geertjan Wielenga >>> wrote: >>> If you can point to this or a similar source structure on GitHub, I’ll make a YouTube clip showing how to set it up in Apache NetBeans. Gj On Fri, 4 Oct 2019 at 22:12, Thomas Wolf wrote: > Hey everyone, > I'm just getting my feet wet with web-based application development > (but decades of Java dev experience using NB) and, up to this point, have > been using NB mainly as an editor for my first React app. > > The react application is working fine - with a standard react app > directory structure: > > app/ > build/ > node_modules/ > public/ > src/ > package.json > > My simple development cycle has been to start the app via 'npm start' > and, as I update the files in src/ using Netbeans (via "Favorites" > window), > npm server picks up the changes and reloads the browser with my app. > > Debugging's basically been done by adding console.log messages :-( I > would love to debug from within the IDE instead. Is that even feasible or > must I rely on the browser-based debuggers? > > Is there a way I can create a NB project of the appropriate type from > "existing" source? If so, which project template should I use? Someone > suggested using "Node.js Application with Existing Source", but what do I > specify for "Source Folder"? I tried both "app" and "src", but NB doesn't > like either. When I click "Finish", NB just shows some warning msg for a > split second (too short to read) and stays on that screen. > > Clicking "Help" on this screen does nothing except produce a thud > sound :-( > > I'm on NB 11.0 on a Mac (macOS 10.14.6) w. Java 11.03. NB's working > fine for my Java-based projects. > > Any help/steps would be much appreciated. > Tom > > > -- > tjw...@gmail.com > http://landofwolf.blogspot.com/ > >>> >>> -- >>> tjw...@gmail.com >>> http://landofwolf.blogspot.com/ >>> >> > > -- > tjw...@gmail.com > http://landofwolf.blogspot.com/ >
Re: Any step-by-step on importing/developing react app in Netbeans?
Hi Geertjan, Thanks. It looks like you simply opened that directory as a project? I was hoping to keep the src separated from the generated/dependency stuff - that's why I was looking to create a new project from one of the existing project templates and put all the nb/dependencies in the NetBeansProjects/ folder and just point to 'src' in the my_apps folder in my git repository. If I wanted to do this, would I use "HTML5/JS Application with Existing Sources" or "Node.js Application with Existing Sources"? Thanks again, Tom On Mon, Oct 7, 2019 at 11:37 AM Geertjan Wielenga wrote: > https://github.com/geertjanw/pics/blob/master/react-in-nb-1.png > > https://github.com/geertjanw/pics/blob/master/react-in-nb-2.png > > Hope it helps. > > Gj > > On Mon, Oct 7, 2019 at 3:12 PM Thomas Wolf wrote: > >> Hi Geertjan, >> That would be great - thanks! >> I don't have my src on GitHub, but this directory structure is created by >> React's sample application generator using cmd "npx create-react-app app" >> (see >> https://reactjs.org/docs/create-a-new-react-app.html#create-react-app ). >> >> Tom >> >> >> On Sat, Oct 5, 2019 at 4:43 AM Geertjan Wielenga >> wrote: >> >>> If you can point to this or a similar source structure on GitHub, I’ll >>> make a YouTube clip showing how to set it up in Apache NetBeans. >>> >>> Gj >>> >>> On Fri, 4 Oct 2019 at 22:12, Thomas Wolf wrote: >>> Hey everyone, I'm just getting my feet wet with web-based application development (but decades of Java dev experience using NB) and, up to this point, have been using NB mainly as an editor for my first React app. The react application is working fine - with a standard react app directory structure: app/ build/ node_modules/ public/ src/ package.json My simple development cycle has been to start the app via 'npm start' and, as I update the files in src/ using Netbeans (via "Favorites" window), npm server picks up the changes and reloads the browser with my app. Debugging's basically been done by adding console.log messages :-( I would love to debug from within the IDE instead. Is that even feasible or must I rely on the browser-based debuggers? Is there a way I can create a NB project of the appropriate type from "existing" source? If so, which project template should I use? Someone suggested using "Node.js Application with Existing Source", but what do I specify for "Source Folder"? I tried both "app" and "src", but NB doesn't like either. When I click "Finish", NB just shows some warning msg for a split second (too short to read) and stays on that screen. Clicking "Help" on this screen does nothing except produce a thud sound :-( I'm on NB 11.0 on a Mac (macOS 10.14.6) w. Java 11.03. NB's working fine for my Java-based projects. Any help/steps would be much appreciated. Tom -- tjw...@gmail.com http://landofwolf.blogspot.com/ >>> >> >> -- >> tjw...@gmail.com >> http://landofwolf.blogspot.com/ >> > -- tjw...@gmail.com http://landofwolf.blogspot.com/
Re: Any step-by-step on importing/developing react app in Netbeans?
https://github.com/geertjanw/pics/blob/master/react-in-nb-1.png https://github.com/geertjanw/pics/blob/master/react-in-nb-2.png Hope it helps. Gj On Mon, Oct 7, 2019 at 3:12 PM Thomas Wolf wrote: > Hi Geertjan, > That would be great - thanks! > I don't have my src on GitHub, but this directory structure is created by > React's sample application generator using cmd "npx create-react-app app" > (see https://reactjs.org/docs/create-a-new-react-app.html#create-react-app > ). > > Tom > > > On Sat, Oct 5, 2019 at 4:43 AM Geertjan Wielenga > wrote: > >> If you can point to this or a similar source structure on GitHub, I’ll >> make a YouTube clip showing how to set it up in Apache NetBeans. >> >> Gj >> >> On Fri, 4 Oct 2019 at 22:12, Thomas Wolf wrote: >> >>> Hey everyone, >>> I'm just getting my feet wet with web-based application development (but >>> decades of Java dev experience using NB) and, up to this point, have been >>> using NB mainly as an editor for my first React app. >>> >>> The react application is working fine - with a standard react app >>> directory structure: >>> >>> app/ >>> build/ >>> node_modules/ >>> public/ >>> src/ >>> package.json >>> >>> My simple development cycle has been to start the app via 'npm start' >>> and, as I update the files in src/ using Netbeans (via "Favorites" window), >>> npm server picks up the changes and reloads the browser with my app. >>> >>> Debugging's basically been done by adding console.log messages :-( I >>> would love to debug from within the IDE instead. Is that even feasible or >>> must I rely on the browser-based debuggers? >>> >>> Is there a way I can create a NB project of the appropriate type from >>> "existing" source? If so, which project template should I use? Someone >>> suggested using "Node.js Application with Existing Source", but what do I >>> specify for "Source Folder"? I tried both "app" and "src", but NB doesn't >>> like either. When I click "Finish", NB just shows some warning msg for a >>> split second (too short to read) and stays on that screen. >>> >>> Clicking "Help" on this screen does nothing except produce a thud sound >>> :-( >>> >>> I'm on NB 11.0 on a Mac (macOS 10.14.6) w. Java 11.03. NB's working >>> fine for my Java-based projects. >>> >>> Any help/steps would be much appreciated. >>> Tom >>> >>> >>> -- >>> tjw...@gmail.com >>> http://landofwolf.blogspot.com/ >>> >> > > -- > tjw...@gmail.com > http://landofwolf.blogspot.com/ >
Re: Any step-by-step on importing/developing react app in Netbeans?
Hi Geertjan, That would be great - thanks! I don't have my src on GitHub, but this directory structure is created by React's sample application generator using cmd "npx create-react-app app" (see https://reactjs.org/docs/create-a-new-react-app.html#create-react-app ). Tom On Sat, Oct 5, 2019 at 4:43 AM Geertjan Wielenga wrote: > If you can point to this or a similar source structure on GitHub, I’ll > make a YouTube clip showing how to set it up in Apache NetBeans. > > Gj > > On Fri, 4 Oct 2019 at 22:12, Thomas Wolf wrote: > >> Hey everyone, >> I'm just getting my feet wet with web-based application development (but >> decades of Java dev experience using NB) and, up to this point, have been >> using NB mainly as an editor for my first React app. >> >> The react application is working fine - with a standard react app >> directory structure: >> >> app/ >> build/ >> node_modules/ >> public/ >> src/ >> package.json >> >> My simple development cycle has been to start the app via 'npm start' >> and, as I update the files in src/ using Netbeans (via "Favorites" window), >> npm server picks up the changes and reloads the browser with my app. >> >> Debugging's basically been done by adding console.log messages :-( I >> would love to debug from within the IDE instead. Is that even feasible or >> must I rely on the browser-based debuggers? >> >> Is there a way I can create a NB project of the appropriate type from >> "existing" source? If so, which project template should I use? Someone >> suggested using "Node.js Application with Existing Source", but what do I >> specify for "Source Folder"? I tried both "app" and "src", but NB doesn't >> like either. When I click "Finish", NB just shows some warning msg for a >> split second (too short to read) and stays on that screen. >> >> Clicking "Help" on this screen does nothing except produce a thud sound >> :-( >> >> I'm on NB 11.0 on a Mac (macOS 10.14.6) w. Java 11.03. NB's working >> fine for my Java-based projects. >> >> Any help/steps would be much appreciated. >> Tom >> >> >> -- >> tjw...@gmail.com >> http://landofwolf.blogspot.com/ >> > -- tjw...@gmail.com http://landofwolf.blogspot.com/
Re: Any step-by-step on importing/developing react app in Netbeans?
If you can point to this or a similar source structure on GitHub, I’ll make a YouTube clip showing how to set it up in Apache NetBeans. Gj On Fri, 4 Oct 2019 at 22:12, Thomas Wolf wrote: > Hey everyone, > I'm just getting my feet wet with web-based application development (but > decades of Java dev experience using NB) and, up to this point, have been > using NB mainly as an editor for my first React app. > > The react application is working fine - with a standard react app > directory structure: > > app/ > build/ > node_modules/ > public/ > src/ > package.json > > My simple development cycle has been to start the app via 'npm start' and, > as I update the files in src/ using Netbeans (via "Favorites" window), npm > server picks up the changes and reloads the browser with my app. > > Debugging's basically been done by adding console.log messages :-( I > would love to debug from within the IDE instead. Is that even feasible or > must I rely on the browser-based debuggers? > > Is there a way I can create a NB project of the appropriate type from > "existing" source? If so, which project template should I use? Someone > suggested using "Node.js Application with Existing Source", but what do I > specify for "Source Folder"? I tried both "app" and "src", but NB doesn't > like either. When I click "Finish", NB just shows some warning msg for a > split second (too short to read) and stays on that screen. > > Clicking "Help" on this screen does nothing except produce a thud sound :-( > > I'm on NB 11.0 on a Mac (macOS 10.14.6) w. Java 11.03. NB's working fine > for my Java-based projects. > > Any help/steps would be much appreciated. > Tom > > > -- > tjw...@gmail.com > http://landofwolf.blogspot.com/ >
Any step-by-step on importing/developing react app in Netbeans?
Hey everyone, I'm just getting my feet wet with web-based application development (but decades of Java dev experience using NB) and, up to this point, have been using NB mainly as an editor for my first React app. The react application is working fine - with a standard react app directory structure: app/ build/ node_modules/ public/ src/ package.json My simple development cycle has been to start the app via 'npm start' and, as I update the files in src/ using Netbeans (via "Favorites" window), npm server picks up the changes and reloads the browser with my app. Debugging's basically been done by adding console.log messages :-( I would love to debug from within the IDE instead. Is that even feasible or must I rely on the browser-based debuggers? Is there a way I can create a NB project of the appropriate type from "existing" source? If so, which project template should I use? Someone suggested using "Node.js Application with Existing Source", but what do I specify for "Source Folder"? I tried both "app" and "src", but NB doesn't like either. When I click "Finish", NB just shows some warning msg for a split second (too short to read) and stays on that screen. Clicking "Help" on this screen does nothing except produce a thud sound :-( I'm on NB 11.0 on a Mac (macOS 10.14.6) w. Java 11.03. NB's working fine for my Java-based projects. Any help/steps would be much appreciated. Tom -- tjw...@gmail.com http://landofwolf.blogspot.com/