UNPKG

apprun

Version:

JavaScript library that has Elm inspired architecture, event pub-sub and components

github.com/yysun/apprun

yysun/apprun

132 lines (67 loc) • 6.31 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
### What's New ## Default npm Version Change In the past, the AppRun default version on npm is 1.x. The CLI creates tsconfig for es5. You can use --es6 option to create tsconfig for 2.x. On Feb 21, 2020, the default version on npm has been changed from 1.x to 2.x. And the CLI creates tsconfig for es2015. You can use --es5 option for 1.x. When upgrading projects to the latest version (2.x), please modify the tsconfig from targeting es5 to es2015. Currently, the npm tags are as following: * apprun@es5: 1.x, stable, es5 * apprun@latest: 2.x, stable, es2015, web components * apprun@next: 3.x, dev, es2015, web components, lit-html ## Recent Posts and Publications ## [Observerble HQ Notebooks](https://observablehq.com/@yysun) * [Introducing AppRun](https://observablehq.com/@yysun/introducing-apprun) ### [Rust WebAssembly and AppRun](https://dev.to/yysun/rust-webassembly-and-apprun-3bei) ### [Serverless App Using Firebase and AppRun](https://dev.to/yysun/serverless-app-on-firebase-using-apprun-1k46) ### [Avoid Spaghetti Code using AppRun](https://dev.to/yysun/apprun-helps-to-avoid-spaghetti-code-1835) ### [Create a Phoenix LiveView Like App in JS with AppRun](https://dev.to/yysun/create-a-phoenix-liveview-like-app-in-js-with-apprun-dc8) ### [Reactivity in AppRun](https://dev.to/yysun/reactivity-in-apprun-31po) ### [AppRun Event Directives](https://dev.to/yysun/apprun-events-directives-4jph) ### [Ceremony vs. Essence Revisited](https://dev.to/yysun/ceremony-vs-essence-revisited-5e77) ### [Database-Driven Applications Using WebSockets](https://dev.to/yysun/database-driven-applications-using-websockets-2b9o) This post introduces a new application architecture that allows event handling between the frontend apps and the backend business logic modules without REST API. ![](https://res.cloudinary.com/practicaldev/image/fetch/s--ydBm2YgN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/yysun/apprun-websockets-sqlite/raw/master/architecture-new.png) Published on Mar 9, 2020 6 min read ### [Use State Machine in AppRun Applications](https://dev.to/yysun/use-state-machine-in-apprun-applications-odo) This post describes how to create a state machine in AppRun applications to help event handling using a calculator as an example. ![](https://dev-to-uploads.s3.amazonaws.com/i/fp4aodv0sdnbkosvuxgt.png) Published on Mar 3, 2020 ・ 6 min read ### [Advanced View Features in AppRun](https://dev.to/yysun/advanced-view-features-in-apprun-17g5) This post describes the advanced usage of the AppRun _ref_, _element embedding_, and _directive_ in the JSX view. Published on Feb 28, 2020 ・ 4 min read ### [Strong Typing in AppRun](https://medium.com/@yiyisun/strong-typing-in-apprun-78520be329c1) This post is a complete guide for those want to opted-in TypeScript and strong typing for AppRun application development. ![](https://cdn-images-1.medium.com/max/1600/1*RY-DEfVgOjj_clIEW4HeTA.png) Published on May 17, 2019 · 8 min read ### [Announcing AppRun Directives](https://medium.com/@yiyisun/announcing-apprun-directives-6a063f88379c) This post introduces the two built-in directives and then describes how to create custom directives. Published on May 12, 2019 · 3 min read ### [AppRun Book from Apress](https://www.amazon.com/Practical-Application-Development-AppRun-High-Performance/dp/1484240685/) [![Order from Amazon](https://camo.githubusercontent.com/99fad1f024c274a3d752a1583cf125037583811c/68747470733a2f2f696d616765732e737072696e6765722e636f6d2f7367772f626f6f6b732f6d656469756d2f393738313438343234303638372e6a7067)](https://www.amazon.com/Practical-Application-Development-AppRun-High-Performance/dp/1484240685/) Published on Jan 9, 2019 ### [Make CLI Run in the Console](https://dev.to/yysun/make-cli-run-in-the-console-42ho) We have been using the command line interface (CLI) in the terminal window and the command prompt. Have you thought of a CLI in the console of the browser's developer tool? ![](https://res.cloudinary.com/practicaldev/image/fetch/s--5p8ESaes--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/khumq8np94i5uwo9bwn1.png) Published on Aug 10, 2018 · 1 min read ### [Making ASP.NET Core MVC Apps into Single Page Apps using AppRun](https://medium.com/@yiyisun/making-asp-net-core-mvc-apps-into-single-page-apps-using-apprun-e1ae4dbc60da) A single-page application (SPA) is a web application or web site that interacts with the user by dynamically rewriting the current page… ![](https://cdn-images-1.medium.com/max/1600/1*1ZtgK-R4YDb8P4ahLq60Hg.png) Published on Aug 7, 2018 · 3 min read ### [I Also Created the Exact Same App Using AppRun](https://medium.com/@yiyisun/i-also-created-the-exact-same-app-using-apprun-dd1860cb8112) I felt it was quite fun to compare AppRun with Redux and React Context API last time. Today, I found another great post titled “I created… ![](https://cdn-images-1.medium.com/max/1600/1*DWsG3B2utcEmD1rKSbIVpA.png) Published on Aug 5, 2018 · 7 min read ### [Redux vs. The React Context API vs. AppRun](https://medium.com/@yiyisun/redux-vs-the-react-context-api-vs-apprun-f324bee8cbbf) Recently, I have read a great post titled ‘Redux vs. The React Context API’ (https://daveceddia.com/context-api-vs-redux). It is the type… ![](https://cdn-images-1.medium.com/max/1600/1*_bvkERxKewur67C5zowOBQ.png) Published on Jul 31, 2018 · 3 min read ### [Deep Dive into AppRun Events](https://medium.com/@yiyisun/deep-dive-into-apprun-events-1650dc7811ea) Published on Sep 10, 2017 · 8 min read ### [Deep Dive into AppRun State](https://medium.com/@yiyisun/deep-dive-into-apprun-state-3d6fb58b1521) Published on Sep 9, 2017 · 6 min read ### [Building Applications with AppRun](https://medium.com/@yiyisun/building-applications-with-apprun-d103cd461bae) AppRun is a Javascript library for building reliable, high-performance web applications using the Elm inspired Architecture, events and components. ![](logo.png) Published on Jul 2, 2017 · 5 min read ## Video Tutorials * [Building Applications with AppRun, Part 1 - Getting Started](https://www.youtube.com/watch?v=RuRmXEN2-xI) * [Building Applications with AppRun, Part 2 - Components](https://www.youtube.com/watch?v=qkP6HvZmhtY)