This is a project demo that uses Vanilla JS to build a Single Page Application.
Tutorial here: https://www.sitepoint.com/single-page-app-without-framework/
Demo Repo: https://github.com/sitepoint-editors/single-page-application
There are a few things we should be concerned with in the finished app:
In our client-side code, we’re directly manipulating the DOM. This can soon get out of hand as the project grows, causing the UI to become sluggish.
There are quite a number of front-end libraries that we’ve loaded as scripts in index.html, which is okay for development purposes. For production deployment, we need a system for bundling all scripts such that the browsers use a single request for loading the necessary JavaScript resources.
For the server code, it’s easier to break down code into modular parts since it runs within a Node environment. However, for client-side code, it’s not easy to organize in modules unless you use a bundler like webpack.
Some manual testing was done during development. For a production-ready application, we need to set up a testing framework like Jasmine, Mocha or Chai to automate this work. This will help prevent recurring errors.
These are just a few of the many issuesfaced when approaching project development without using a framework. Using something such as Angular, React or Vue will help alleviate a lot of these concerns.