DEV Community

Discussion on: 🚀10 Trending projects on GitHub for web developers - 21st August 2020

View post
Collapse
 
jwp profile image
John Peters • • Edited

Brad Travery's work is always excellent!

Alpine looks very interesting. With the advent of -data- attributes, they may be onto something. This snippet shows their design well.

<div x-data="dropdown()">
    <button x-on:click="open">Open</button>

    <div x-show="isOpen()" x-on:click.away="close">
        // Dropdown
    </div>
</div>

Notice that the GUI is only concerned with GUI State, whereAs the x-data is used to tie in the event handlers. Pretty cool...

Thanks Iain!

Collapse
 
iainfreestone profile image
Iain Freestone •

I am also excited to dig into Alpine looks like an awesome project.

Brad Traversy YouTube channel is brilliant, I was a bit sad to see that he will be stepping back from the camera for a while. Hopefully the channel will continue to grow under his guidance.