ToDo Component using Alpine Js
In this Video, we will see how to create a Alpine JS Component containing functionality related to ToDo App. User will be able to Add a Task, Delete a Task, Mark a Task as Completed.
We will cover various directives during this component. If you are starting with Alpine JS, it is recommended that you start from the Start of the Playlist and learn more about the Directives being used.
1. Installation: • Alpine Js - Installation
2. x-data: • x-data in Alpine Js
3. x-on: • x-on in Alpine Js
4. Multipe Properties: • Multiple Properties in Alpine Js
5. Methods: • Methods in Alpine Js
6. Reusable Data: • Reusable Data in Alpine Js
7. x-init: • x-init in Alpine Js
8. x-bind: • x-bind in Alpine Js
9. x-show: • x-show in Alpine Js
10. x-transition: • x-transition Alpine Js
11. x-model: • x-model in Alpine Js
12. x-for: • x-for in Alpine Js
13. $dispatch: • $dispatch in Alpine Js