DEV Community

Discussion on: What Project Are You Working On?

View post
Collapse
 
akashkava profile image
Akash Kava •

I have built Web Atoms. This was built in 2010 when there were no frameworks, but never had chance to promote it actively, but our business network portal for hollywood is built on it.

Web Atoms is powerful MVVM JavaScript framework completely written in TypeScript, which can be extended to any other platforms. Currently supported on Web and Xamarin.Forms

Dive into samples

webatoms.in/samples.html#contextId=0

GitHub logo neurospeech / web-atoms-core

An Advanced MVVM Framework for JavaScript in Web and Xamarin.Forms

Build Status

codecov

Web-Atoms Core

Web Atoms Core is a UI abstraction framework along with powerful MVVM pattern to design modern web and mobile applications.

Features

  1. Abstract Atom Component
  2. Abstract Device API (Browser Service, Message Broadcast)
  3. Theme and styles support without CSS
  4. One time, One way and Two way binding support
  5. Simple dependency Injection
  6. In built simple unit testing framework
  7. CommonJS module support
  8. Full featured MVVM Framework with powerful validation
  9. Single code base for Business Logic (View Model + Services) for Web as well as Mobile (through Xamarin.Forms)

Folder structure

  1. All views for web must be placed under "web" folder inside "src" folder.
  2. All views for Xamarin Forms must be placed under "xf" folder inside "src" folder.

Example folder structure

src
+--images
|  +--AddButton.svg
|
+--view-Models
|  +--TaskListViewModel.ts
|  +--TaskEditorViewModel.ts
|
+--web
|  +--tasks
|     +--TaskListView.html
|     +--TaskEditorView.html
|
+--xf
   +--tasks
      +--TaskListView.xaml
      +--TaskEditorView.xaml

Example View Model

export class UserListViewModel extends AtomViewModel {
    //
…
View on GitHub