[{"_1":2,"_42":-5,"_43":-5},"loaderData",{"_3":4,"_10":11,"_40":-5,"_41":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9},"user","shoppingCartId","toast","locale","en","routes/_store+/_readers+/email_author.$slug/route",{"_12":13,"_39":-5},"book",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTEzODA","title","Getting started with Alpine.js","state","published","contactAuthorMethod","email","aboutText","

Alpine is a client-side JavaScript framework that allows us to create JavaScript applications with their reactive and declarative component-based nature. Alpine.js contains an HTML DOM manipulation library that makes it easy for us to interact with it declaratively with less code.

Alpine.js offers us a modular scheme for our projects and to be able to easily extend them with more functionalities.

It is a framework that, by using JavaScript, brings us its benefits of a clean, clear, flexible and scalable syntax through plugins.

In this book, we are going to learn how the framework is formed, the basic characteristics that Alpine.js allows us as a client web framework through small examples that will allow us to know and master this technology.

Map

The book has a total of 5 chapters (still in development):

In this chapter we are going to talk about Alpine.js, as well as its main features and how we can use it.
In this chapter we are going to know the main directives in Alpine.js.
In this chapter we are going to create a to do list project, in which we will implement the previously seen directives.
In this chapter we are going to learn more directives and magic methods of Alpine.js.
In this chapter we are going to create several projects in Alpine to put into practice what was explained in previous chapters.

","authors",[26],{"_14":27,"_28":29,"_5":30},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NDMwMg","name","Andrés Cruz Yoris",{"_31":32},"avatar",{"_33":34,"_35":36,"_37":38},"url","https://d308did4coypzi.cloudfront.net/avatars/2508444/medium/vn2LgXaB_400x400.jpg?1646511308","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the author