Front-end web development is changing, quickly

Let's take a first look at that latest release of shadcn/ui and combine it with Vercel's V0 tool - an AI tool for building front-end UIs on the web.

#programming #webdev #thecodereport

💬 Chat with Me on Discord

🔗 Resources

🔥 Get More Content - Upgrade to PRO

Use code YT25 for 25% off PRO access

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

What is ShadCN?
What is v0?
AI tools for frontend development
How to design a web UI quickly

[szhzs]

this video has been released 7 minutes ago, everything mentioned here is now obsolete.

[heMech]

As a person who sucks at frontend, I can confidently call myself full stack now.

[smix]

I quit web dev to start a band called Rage Against the Machine Learning

[gandalfgrey]

Watching code report has become a form of doom scrolling

[mista_ia]

Everytime you blink, there's a new front end thing

[Alexander-jchh]

Creating a button was never the challenge. Neither was styling shadcn components. The time comsuming part is putting everything together into a fully fledged app following the design requirements, setting up the cms integration, datamodelling, and otherwise orchestrating all of the parts of the system to work together as per the requirements of the customer.

[SHUBHAMRAGHUWANSHI_ASKN]

Everything we throw at frontend to make it simpler ends up complicating it!!

[EthelJung-jw]

After 7 minutes of dropping this, Replit released an AI Agent Coder Crazy stuffs happening

[desild]

One-liners adding mountains of external code to the project with just a vague idea on what it does is TIGHT!

[ApocDevTeam]

I can't remember all those psychological steps but I've definitely not reached the "acceptance" phase yet. I feel like a dinosaur with the asteroid already visible in the distance.

[mmo]

The spit on stackoverflow was personal 😂

[xpkareem]

They've finally automated code copy/paste with the magic of AI.

[peterjhartvideo]

Adding buttons and forms are 10% of my time. The other 110% is calling APIs and managing state. My manager will see this and ask me whats taking so long.

[gusslx]

2:48 bold of you to assume I finish my side projects

[randovidupload]

Front end coding was supposed to be gone back in the late 90s to early 2000s when WYSIWYG editors came onto the scene.

[Crispy_Solutions]

"Humiliate yourself with a stackoverflow question" 😂

[RILDIGITAL]

It's interesting to see the balance between speed and quality, and how AI-infused tools are shifting the paradigm.

[szymonsadlo]

soon, there will be more AI ways to do things than there are JS frameworks

[randomblock_]

They have finally automated copy and pasting, what an absolutely groundbreaking change. THIS is the true power of AI

[taquanminhlong]

0:38 It's not the perfectly rounded 😭