optimus-starter-app VS p5-starter

The framework allows making the most of modern coding technologies such as ES6 classes, JS modules, and Webpack bundler. Thus, it is possible to define the front-end structure of a specific web app with a set of independent components (modules) and reuse them later in other projects. Optimus can also be employed in combination with any server-side technology. Here is a step-by-step instruction on how to start using Optimus in real-case scenarios. If you want to learn more about this framework, check out the release article.

You could use Visual Studio Code, with Typescript definitions to power the auto complete features. There is also an extension that provides many useful snippets. To debug, you’re running JavaScript, so the workflow will always be running code in a browser and checking the console for errors and warnings. You can accomplish this offline by running a simple http server. VSCode has an extension called LiveServer that does all this for you automatically, and auto reloads the browser when you make changes to the code. You can find a boilerplate with all this information here: https://github.com/felipecustodio/p5-starter