Build a Comma Separated Input Component in Next.js
About
No channel description available.
Latest Posts
Video Description
Learn to build a comma separated input component in Next.js. Deals for Devs - https://dealsfordevs.com/ Github Repo - https://github.com/Learn-Build-Teach/deals-for-devs **Newsletter** Newsletter π - https://www.jamesqquick.com/newsletter **DISCORD** Join the Learn Build Teach Discord Server π¬ - https://discord.gg/vM2bagU Follow me on Twitter π¦ - https://www.twitter.com/jamesqquick Check out the Podcast - https://compressed.fm/ Courses - https://jamesqquick.com/courses **QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. https://www.jamesqquick.com/uses **TIMESTAMPS** 00:00 - Intro 00:30 - Create a New Next.js Project 02:00 - Basic Tailwind Styles 04:45 - Creating the Form 05:30 - The Comma Separated Input Component 07:20 - Handling Input Change 14:15 - Form Submission with Actions 15:50 - Parsing Tags Input From FormData 18:10 - Client-side JavaScript on Form Submission 20:50 - Managing Many to Many Relationship in Prisma 26:45 - Wrap Up
Upgrade Your Gear Essentials
AI-recommended products based on this video

SmallRig NATO Clamp to Quick Release Plate for Arca-Swiss, Built-in NATO Clamp, Lightweight and Easy to Carry, Compatible with Tripods for Arca-Type - MD4857

koolehaoda Professional Gimbal Head Tripod Head Aluminum Alloy Heavy Duty 360Β° Panoramic with Arca-Swiss Standard 1/4 inch QR Plate for DSLR Cameras up to 55.11lbs/25kg. (GH-3)

Wireless Lavailer Microphone for iPhone, Android, Camera, iPad, USB C, 4 in 1 Professional Mini Microphone with Noise Reduction, Wireless Mic for Video Recording, Vlog, YouTube, TikTok



















