Need help finding a very basic vanilla Javascript SPA router tutorial or source code

Jules Manson — Tue, 08 Jan 2019 19:39:37 +0000

I am coding a very simple single-page-app (actually just a website with one page) that is responsive to all screen sizes. It won't need to be a Swiss Army Knife like most libraries or apps try to be. I will be using no libraries/frameworks/tools other than Autoprefixer, Normalize, Ionic Icons, Font Awesome, Google Fonts, and other minimal use of miscellaneous libraries or tools.

Yes you heard it right. There will be no Node or Grunt or React or Vue or Backbone, and certainly no jQuery (goes against every fiber in my body). I am well aware that building even the simplest SPA can be a very daunting challenge but my app will only be a very elementary personal web page to showcase my online portfolio (mechanical engineering) of information about me and projects I have worked on as well as javascript calculators I am developing for solving problems in engineering.

I will still follow best practices such as accessibility, linting, minimizing, prefixing, tree shaking, W3C and ECMA standards, and compacting all source code but I won't Babel because that is not necessary for my intended purpose. I have the HTML, CSS, Javascript, DOM, BOM, JSON, and AJAX pretty much figured out. It's just the router that I really need help with. I really don't know where to start. A good tutorial, online book, books for purchase, or complete source code in vanilla Javascript would be very helpful. Please no jQuery.

Thank you for your time.

RUST IN PEACE, JQUERY

Jules Manson — Mon, 17 Sep 2018 05:47:39 +0000

There is a new trend lately. It seems that the web is phasing out jQuery. For example, GitHub no longer uses it. Reason?

In August 26, 2006 John Resig brilliantly authored and published jQuery 1.0 as a turnkey solution for most browser rendering/behavior inconsistencies which were a serious epidemic in the wild. But all major browsers are now mostly W3C compliant. Secondly, jQuery has grown into a bloated library capable of doing almost everything including ordering Starbucks online. It's true. However most developers only use it for a very limited set of tasks such as DOM manipulation and AJAX calls.

And lasty, there are now a whole host of new API's available for simplifying tasks like AJAX calls that can now be done with the Fetch API which all major browsers now support.

Now we must ask, do we still need to learn jQuery? Absolutely! It is still an essential component of backwards compatibility for many libraries and frameworks (for example Bootstrap 4) and will continue this way for the foreseeable future. A better question one might ask is do I still need that library (or framework) for my next shiny new project built from scratch? I highly recommend against it, however if you're a professional frontend developer you should at least understand what you're reading when upgrading existing sites.

Regardless I still believe jQuery will eventually meet its destined fate sometime in the near future. Rust in Peace jQuery but never forget John Resig for his vision which not only founded the most popular library ever conceived but for also helping to make Javascript the number one programming language in the entire f-ing world.

Here is an outstanding breakdown of vanilla Javascript DOM manipulations and other important tasks that can be performed without jQuery: You Dont Need jQuery.

Forem: Jules Manson

Need help finding a very basic vanilla Javascript SPA router tutorial or source code

RUST IN PEACE, JQUERY