Building with AdonisJS & Inertia: The Tag Selector

Ready to get started?

Join Adocasts Plus for $8.00/mo, or sign into your account to get access to all of our lessons.

The Tag Selector

In this lesson, we'll define a reusable tag selector component that we'll use for our difficulties, access levels, and statuses. This component will accept props that will automatically send a patch request to our server to update values as they change.

Author: Tom Gobich
Published: Dec 02
Duration: 13m 28s
Comments: 0

Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.

Adocasts

Burlington, KY

Visit Website

Chapters

00:00 - Example of End Lesson Goal
00:33 - Defining the TagSelector Component Props
01:25 - The Selected Tag & Patching ModelValue Changes to our Server
03:32 - Defining the TagSelector Template
06:09 - Explaining the Flow of the TagSelector Component
06:35 - Using our TagSelector Component
08:27 - Defining the Course Patch Tag Validator
10:20 - The Update Course Tag Action
10:59 - Adding the Course Controller Tag Route Handler
11:59 - Defining the Course Tag Patch Route Definition
12:15 - Testing & Debugging our TagSelector with Final Touches