Skip to content

Latest commit

 

History

History
56 lines (33 loc) · 1.56 KB

README.md

File metadata and controls

56 lines (33 loc) · 1.56 KB
Raw

TypeViews

TypeViews is a very simple application written in TypeScript. It uses my other project "PureViews" as a base to create what is effectively a browser-only version of a React.js-like web components framework (with my fewer features).

There were some shortcuts that were made for time purposes. This was written in a day.

Structure

The following classes are used within this project:

  • View (An extendable class for creating "Components")

  • ViewDataSource (Stores data, fires events when values are changed)

  • Eventful (contains all event-related methods)

  • ObjectPathResolver (contains all abstracted key reference utilities)

  • DataSourceLink (used to allow a DataSource within a DataSource)

  • DOMUtilities (A collection of DOM utilities)

Each of these can be found within the app/fx/ directory.

Examples of views can be found inside `app/views/

Your main page is the index.html file

Building

If you don't already have it, you'll need to install typescript using npm.

npm install -g typescript

Navigate to the app/ directory in your terminal and execute the following:

tsc -w

This will build the application and watch for any changes.

Running

There's a mini web server that comes with the source which can be used for testing the application.

If tsc is watching for changes, open a second terminal so you don't interrupt tsc.

Execute the following for the first run ever:

npm install
node server.js

For subsequent server starts, you can juse execute node server.js in the root directory