Can we build WebApps easily using (Imperative, Declarative, Assembled) coding practices if UI is (Composable Html Structure, Inherited Json Data, Bindable Js Actions)?
Using common declarative abstraction between frontend and backend technologies
Define Data (Html + Json) Components
TestBasic : ViewID:[] ParentViewID:[mainContent] NextParentViewID:[]
Declarative
Merge {{$Html}} and {Json} Object
MergeHtmlJsonObject : ViewID:[mergeHtmlJsonObject] ParentViewID:[mainContent] NextParentViewID:[mergeHtmlJsonObject]
Json Data 1
Json Data 2
Json Data 3
Json Data 4
Json Data 5
Declarative
Merge {{@Html}}..{{/Html}} and {Json} Object Array
MergeHtmlJsonArray : ViewID:[mergeHtmlJsonArray] ParentViewID:[mainContent] NextParentViewID:[mergeHtmlJsonArray]
Array 1 Data 1
Array 1 Data 2
Array 1 Data 3
Array 1 Data 4
Array 1 Data 5
Declarative
Multiple Merge {{@Html}}..{{/Html}} and {Json} Array
MergeHtmlJsonArrayMultiple : ViewID:[mergeHtmlJsonArrayMultiple] ParentViewID:[mainContent] NextParentViewID:[mergeHtmlJsonArrayMultiple]
Array 1 Data 1
Array 1 Data 2
Array 2 Data 1
Array 2 Data 1
Array 2 Data 2
Declarative
Recursive Merge {{@Html}}..{{/Html}} and {Json} Array in Array
MergeHtmlJsonArrayInArray : ViewID:[mergeHtmlJsonArrayInArray] ParentViewID:[mainContent] NextParentViewID:[mergeHtmlJsonArrayInArray]
Array 1 Data
Sub Array 1 Data
Sub Sub Array 1 Data
Sub Sub Sub Array 1 Data
Sub Sub Sub Sub Array 1 Data
Declarative
Merge {{@Html}}..{{/Html}} and {Json} Object Array Inner Repeated
MergeHtmlJsonArrayRepeat : ViewID:[mergeHtmlJsonArrayRepeat] ParentViewID:[mainContent] NextParentViewID:[mergeHtmlJsonArrayRepeat]
Array 1 Data 1
--Array 1 Data 1
----Array 1 Data 1
----Array 1 Data 2
--Array 1 Data 2
----Array 1 Data 1
----Array 1 Data 2
Array 1 Data 2
--Array 1 Data 1
----Array 1 Data 1
----Array 1 Data 2
--Array 1 Data 2
----Array 1 Data 1
----Array 1 Data 2
Declarative
Merge {$Html} and {Json} List Array
MergeHtmlJsonArrayList : ViewID:[mergeHtmlJsonArrayList] ParentViewID:[mainContent] NextParentViewID:[mergeHtmlJsonArrayList]
Arshu.App.Json.JsonArray