Simon ChiuforCode With Railscodewithrails.hashnode.net·Dec 13, 2022FeaturedHow to use Alpine.js with Rails and TurboAlpine.js is one of my favorite JavaScript libraries. It is simple, fast, and easy to integrate without writing too much JavaScript code. For Ruby on Rails applications where I'll be doing most of the rendering server-side, such as through Turbo, and...Discuss·29 likes·3.2K readsRails BasicsRuby on Rails
Mohsen Kamranimohsenkam.hashnode.net·Jan 6, 2022Alpine.js and dynamic content renderingToday I'll show you how to dynamically set the content of your tags, or InnerHtml to be specific in Alpine. If you've noticed I'm trying to stay loyal to the goals of Alpine, so we jump straight to the code. A bonus in today's tutorial is that we use...Discuss·3 likes·399 readsAlpine.jsJavaScript
Freshbits Web Solutionsfreshbitsweb.hashnode.net·Mar 7, 2022Calling Alpine.js methods from third-party scriptsRecently, we faced a small challenge when implementing Google Map on an Alpine.js powered page. Key points: Map markers data is loaded in the Alpine.js store The Google Map is outside the Alpine.js scope so cannot call Alpine method directly after i...Discuss·2 likes·2.0K readsalpinejs
Anjanesh LekshminarayananforAlpine JSanjanesh-1661098348927.hashnode.net·Apr 6, 2023Using Set instead of an ArrayLet's say you had an object like this where you wanted to show the version numbers available for each type of application when the user checks an application. So if someone checks wordpress it should show the version numbers available, 6.2, 6.1, 5.9....DiscussSets
Harpreet Singhahyconsulting.hashnode.net·Feb 26, 2023Can AlpineJs replace jQuery?Yes, it is possible for ApineJS to replace jQuery in some cases. Both ApineJS and jQuery are JavaScript libraries that are used for developing web applications. jQuery is a widely used library that makes it easy to manipulate the Document Object Mode...DiscussjQuery
Nweke Emmanuel ManuchimsoforOpen Replay's Technical Blogopenreplay.hashnode.net·Feb 17, 2023Getting started with Alpine.jsby Nweke Emmanuel Manuchimso Using Alpine.js, web developers can create interactive and reactive user interfaces on the web. Alpine js is based on Vue.js, which makes it easier for vue developers to use, but it is designed to be lighter and more mini...Discuss·34 readsJavaScript
Chavez Harriscodedbychavez.hashnode.net·Jan 21, 2023How to use feature flags in an Alpine.js applicationWith the rapid growth of software development, managing and releasing new features has become an integral part of our workflows. By using a feature flagging tool, you and your team can remotely release new features and manage what features users can ...Discuss·54 readsFeature Management
Joash Xuenzircle.hashnode.net·Jan 19, 2023Bulk Actions in Table with Django, htmx, and AlpineJSWhen it comes to displaying large amounts of data in a tabular format, tables are often the go-to choice for developers. However, traditional tables can be limiting in their functionality, especially when it comes to performing actions on multiple ro...Discuss·713 readsDjango and htmx ExplorationDjango
Anton Ermakantonermak.hashnode.net·Dec 16, 2022A transition from VueJS to htmx + Alpine.jsWeb pages overload JavaScript,a harmful forceUser frustration grows VueJS Nowadays, writing frontend applications even for fairly simple apps might involve complicated and demanding technologies. A few frontend frameworks like React, VueJS, and Svelt...Discuss·1 like·71 readsJavaScript
Simon ChiuforCode With Railscodewithrails.hashnode.net·Dec 13, 2022FeaturedHow to use Alpine.js with Rails and TurboAlpine.js is one of my favorite JavaScript libraries. It is simple, fast, and easy to integrate without writing too much JavaScript code. For Ruby on Rails applications where I'll be doing most of the rendering server-side, such as through Turbo, and...Discuss·29 likes·3.2K readsRails BasicsRuby on Rails
Vigo Websvigowebs.hashnode.net·Dec 13, 2022You should be aware of TALL Stack and it’s resourcesTALL Stack TALL stack is a full-stack development solution used for building powerful, modern, and reactive web applications. TALL stacks are a set of frameworks such as Tailwind CSS, Alpine JS, Laravel and Livewire. Tailwind CSS Tailwind CSS is a ut...Discuss·33 readstallstack
Anjanesh Lekshminarayanananjanesh.hashnode.net·Aug 23, 2022Passing a dictionary to Django's messages frameworkIn order to display some 'flash' message after a form submission like a success message or an error message we make use of messages framework which is built-in in Django. I was doing a return redirect('dashboard') from a job posting form. Thing is, I...Discuss·343 readsDjango
Joash Xuenzircle.hashnode.net·Aug 18, 2022Column Filter Table with htmx, Alpine-js, and DjangoHave you ever needed to create a table where you need to filter between multiple columns? Maybe you've tried using a standard table with a single search/filter input field, but it didn't quite work the way you wanted. This article will show how I bu...Lucien Dada KYABU and 1 other are discussing this2 people are discussing thisDiscuss·2 likes·3.5K readsDjango and htmx ExplorationDjango