Just trying to understand how a SPA works.

Last update: Sep 10, 2022

Related tags

Overview

TS SPA

Just trying to understand how a SPA works. Nothing is optimized and I am sure there will be memory leaks but good enough to understand a few concepts.

I have implemented the following

How to set route + Page creation
binding (only simple key values,no nested items)
Dependency injection

A few lifecycle events are also available

Check the doc folder

Files and Folders

Entry point is the main.ts file
The main SPA files are in the core folder
The services and pages folder just show an example

Core

Under core/common/global.app.ts contains a singleton that manages the entire app.

To run

npm run start

I'm trying to create simple program for adding the digital signature to a pdf file with self-signed certificate. I use node-signpdf and pdf-lib library.

pdf-digital-signature-with-node-signpdf-ejs I'm trying to create simple program for adding the digital signature to a pdf file with self-signed certif

Dec 25, 2022

Repository trying to recreate Javascript (node) methods.

Javascript Polyfills This is an open-source project, where we try to do a polyfill for every (or almost all of them) Javascript Methods that currently

Oct 8, 2022

Trying to learn Svelte. Based off the official tutorial. Readme has notes!

Learning Svelte! A JavaScript library An open-source front end compiler Instead of using a virtual DOM, Svelte will directly update the DOM in an effi

Jul 5, 2022

🐻 Trying out the bear necessities for complex state management.

🐻 Zustand Demos My practice repository for the Zustand library--the bear necessities for complex state management. You can find some examples of how

Jul 2, 2022

How often do you get asked about the gadgets or software that you use? If the answer is quite often, you should be trying show off out. Curate the list of gadgets and software and share it with your fans and followers.

Show Off - Showcase your setup! How often do you get asked about the gadgets or software that you use? If the answer is quite often, you should be try

Nov 24, 2022

Trying 5 Redux Alternatives (Zustand, Recoil, Jotai, Rematch and Redux-Toolkit). Expalined on CoderOne Ytb channel

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Oct 3, 2022

This is an VanillaJS SPA example with function based rendering.

Function-Based-Rendering This is an VanillaJS SPA example with function based rendering. Here's how to create Views by function composition and how to

Oct 16, 2021

Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.

Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.

Oct 5, 2022

"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

math-magicians A Single Page App (SPA) that allows users to Make simple calculations and read a random math-related quote. "Math magicians" is a websi

Feb 21, 2022

Owner

Pratheesh

GitHub

Omnisearch is a search engine that "just works".

Omnisearch for Obsidian Omnisearch is a search engine that "just works". Type what you're looking for, and it will instantly show you the most relevan

400 Jan 3, 2023

Multiple level dropdown works with Bootstrap 5, just like native support.

Bootstrap 5 Multiple Level Dropdown. For Bootstrap 4, please visit Bootstrap 4 Multiple Level Dropdown Using official HTML without adding extra CSS st

17 Dec 13, 2022

This is a website for creating to-do tasks. "To-do list" is a tool that helps to organize your day. The main objective is to understand how to use proper ES6 syntax.

TO DO LIST To Do List This is a website for creating to-do tasks. "To-do list" is a tool that helps to organize your day. This project is part of the

2 Oct 3, 2022

This project will be a basic website that allows users to add/remove books from a list. The main objective is to understand how to use JavaScript objects and arrays and dynamically modify the DOM and add basic events.

Awesome-books Awesome Books This project will be a basic website that allows users to add/remove books from a list. This project is part of the Microv

10 Oct 3, 2022

English version of the understand-node book

understanding-node-core This repository is for maintaining a English fork of the understand-nodejs book by @theanarkh It is written in Chinese, but in

4 Oct 1, 2022

To understand the history of SACCOs, a Savings and Credit cooperative otherwise known as a Sacco is a type of corporation that aims at pooling money together.

To understand the history of SACCOs, a Savings and Credit cooperative otherwise known as a Sacco is a type of corporation that aims at pooling money together. Depending on the Saccos, there are different types of supplies of merchandise. These include and are not limited to recognition servers, sedimentation, and call home eggs installation. More to these items include check glades, bankers, checks standing orders and safe detentions, and salary progress.

2 Oct 19, 2022

In this exercise, I will write a few practical tests for JavaScript functions using the Jest library. I will make sure to follow the AAA pattern to make my tests easier for other developers to read and understand. I will also try to use the TDD approach in practice.

Testing Practices To get a local copy up and running follow these simple example steps. (NPM) Ope your terminal Navigate to the directory where you wa

5 Dec 20, 2022