Build a Trello Clone With Livewire
This episode is for members only

Sign up to access "Build a Trello Clone With Livewire" right now.

Get started
Already a member? Sign in to continue
Playing
31. Autofocus when updating columns

Episodes

0%
Your progress
  • Total: 2h 27m
  • Played: 0m
  • Remaining: 2h 27m
Join or sign in to track your progress

Transcript

00:00
When we went ahead and clicked to add a card, we know that we autofocus the input here.
00:05
Same thing for adding a column. But we didn't do this for the input just inside of here. Let's go ahead and do that now. OK, so if we head over to our column component at the very top where we had our editing state here,
00:19
remember that we always wrap this in an xif, which means that whenever this is rendered, we can attach this with xinit to do something. Let's go ahead and do that now with L and focus. And we're pretty much done.
00:32
We just missed doing that earlier. OK, let's hop over and see the difference. When I click on this now, we're ready to edit this. And of course, hit Enter to save that out.
31 episodes•2 hrs 27 mins

Overview

Get ready to master drag and drop sorting in Livewire, by building a Trello clone.

We’ll start out by building the interface completely from scratch, then add the ability to sort columns and cards, including moving cards around columns. As we sort everything, we’ll keep the database perfectly updated with the new order.

Our Trello clone will also allow us to edit column titles inline, edit cards and add notes, archive cards and columns, and put them back on the board.

Alex Garrett-Smith
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!

Episode discussion

No comments, yet. Be the first!