Luis Majano - AlpineJS. Declare and React

1. Declare & React

2. Luis F. Majano
This is me!
• Born in El Salvador
• Imported into the USA
• Computer Engineer
• CEO of Ortus Solutions (ortussolutions.com)
• Published Author
• Professional Open Source
• Host @ Modernize or Die Podcast
• Houston, Texas + Malaga, Spain
@lmajano
@ortussolutions

3. Ortus Solutions
UI/UX Design &
Development
Support &
Mentoring
Architecture &
Design
Modernization
Cloud Services
Expert Training
Server
Infrastructure
Security
Legacy
Migration

4. Modernize or Die™
Podcasts
www.youtube.com/c/OrtusSolutions/

5. What is…
• Lightweight JavaScript Framework
• Close to Vanilla JS
• Declarative (Like tailwind)
• Reactive (Like Vue.js)
• Like jQuery for the modern web!
• 15 Attributes, 6 Properties, 3 Methods
https://alpinejs.dev/

6. https://twitter.com/calebporzio

7. Why …
• Small & Fast
• Focused
• Great documentation
• Extensible
• No build process*
• install ∞ code ∞ repeat
https://alpinejs.dev/

8. Use Cases
• Great for modernizing legacy apps
• Great for single page interactivity
• Modern jQuery replacement
• Reuse as components with server side languages:
CFML, PHP, Java, etc
• Another tool in your tool belt

9. Getting Started
• Resources
• https://alpinejs.dev/start-here
• https://alpineday.com/
• https://codepen.io
• VSCode Extensions
• Alpine.js Syntax Highlight
• Alpine.js IntelliSense
• Browser Dev Tools
• Chrome: https://bit.ly/alpine-chrome-devtools
• FireFox: https://mzl.la/3x6T8Ih

10. Alpine Components
• 9 core ui components
• 12 Integrations
• 3 Headless components
• Source Code
• Screencasts
• Extensible & Accessible
• Worth the price

11. Let’s Code!!!
https://codepen.io/lmajano/pen/NWXLROz
https://github.com/lmajano/alpinejs-training

12. P/F: 1-888-557-8057
E-mail: lmajano@ortussolutions.com
www.ortussolutions.com
Luis Majano
CEO and Software Architect
Ortus Solutions, Corp
Thank You!