Feature: Add Aurelia v1 samples (complete) (#133)

* Add 1-reactivity files for Aurelia 1

* Add 3x templating, update readme (20%)

* Update readme to reflect proper icon for aurelia

* Finish 2-templating

Add event-click, dom-ref and conditional.
Update readme.

* Fix incorrect 2-3-loop and 2-4-event-click

Verified using codesandbox with typescript.
https://codesandbox.io/s/aurelia-typescript-sandbox-forked-rlniej

* Add on-mount

* Add un-mount

Not easy to test. The component is not really unmounted in this case.

* Add 4-1-component-composition

* Add 4-2-emit-to-parent

cs: add missing enter in 4-1.

* Add 4-3 slot

* Fix typo in 4-3-slot button

* Add 4-4-slot-fallback

Also, fix minor issue in 4-3-slot

* Add 6-1-input

* Add 6-2-checkbox

* Add 6-3-radio

* 6-3-radio add ts file for default value

* Add 6-4-select with object model

* Add 7-1-fetch-data

Refectoring could be beneficial for quality of the code.
Todo added in Readme.

* Add 7-2-router-link

Links can be set up using pushState, or using hash bashed routing.
The later is used in this example, with link to the documentation.

* Add 7-3-router-configuration

Update readme with finished #7 and 100% Aurelia1.

* Update 7-1-fetch-data

* Update files after PR feedback

* consistent filenames compared to other frameworks

* improved code style
(applied not just for the templates,
but the other Aurelia files as well.
Used VSCode "Format code" command on all files)

* Update Aurelia files

* Since scss is not default, use the standard css files instead.

* Apply filesorter to show the app-files first
This commit is contained in:
Mark Roeling
2023-01-06 14:55:37 +01:00
committed by GitHub
parent 6d7187ecf3
commit 3a15478c84
50 changed files with 745 additions and 0 deletions

View File

@@ -361,6 +361,41 @@ How do we solve this? Developers love having framework overview by examples. It'
- [x] Router link
- [x] Routing
</details><details>
<summary>
<img width="18" height="18" src="public/framework/aurelia.svg" />
<b>Aurelia 1</b>
<img src="https://us-central1-progress-markdown.cloudfunctions.net/progress/100" /></summary>
- [x] Reactivity
- [x] Declare state
- [x] Update state
- [x] Computed state
- [x] Templating
- [x] Minimal template
- [x] Styling
- [x] Loop
- [x] Event click
- [x] Dom ref
- [x] Conditional
- [x] Lifecycle
- [x] On mount
- [x] On unmount
- [x] Component composition
- [x] Props
- [x] Emit to parent
- [x] Slot
- [x] Slot fallback
- [x] Form input
- [x] Input text
- [x] Checkbox
- [x] Radio
- [x] Select
- [x] Webapp features
- [x] Fetch data
- [x] Router link
- [x] Routing
</details>
## 🤝 Contributing