Loading video...

Video Failed to Load

Go Home

Tidewave Web goes full-stack: now supports React with Rails/Phoenix backends. The revamped Inspector shows DOM & framework overlays and auto-fixes Vite crashes. Whether you're using components or templates, we send all relevant info to the model for smoother agentic coding! 🌊

josevalim's profile picture

José Valim

54,993 subscribers

19,664 views • 9 months ago •via X (Twitter)

Health & WellnessScience & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

It is finally here: Tidewave now supports Claude Code and OpenAI Codex. Tidewave unlocks the full-stack potential of your favorite coding agent by tightly integrating it with your web app and web framework at every layer, from UI to database. More info 👇
1:13

It is finally here: Tidewave now supports Claude Code and OpenAI Codex. Tidewave unlocks the full-stack potential of your favorite coding agent by tightly integrating it with your web app and web framework at every layer, from UI to database. More info 👇

José Valim

87,484 views • 7 months ago

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.
1:12

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

97,922 views • 10 months ago

We asked Tidewave to improve its own homepage with autoplay of videos as we scroll through our features list. It implemented the feature and used contextual browser testing to scroll through the page, check the DOM, and verify it works! 🎯 Coming for Rails and Phoenix... today!
2:06

We asked Tidewave to improve its own homepage with autoplay of videos as we scroll through our features list. It implemented the feature and used contextual browser testing to scroll through the page, check the DOM, and verify it works! 🎯 Coming for Rails and Phoenix... today!

José Valim

20,184 views • 10 months ago

The ultimate form of agentic coding will not be the terminal. This is an experiment. An ADE (Agentic Coding Environment), designed from the ground up to work with agentic coding tools. Right now, this only supports Claude Code and runs on a Mac.
5:46

The ultimate form of agentic coding will not be the terminal. This is an experiment. An ADE (Agentic Coding Environment), designed from the ground up to work with agentic coding tools. Right now, this only supports Claude Code and runs on a Mac.

Santiago

40,126 views • 4 months ago

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉
0:54

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

Real World React

32,739 views • 3 years ago

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with Nice Prompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳
0:21

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with Nice Prompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,547 views • 5 months ago

Now in your stack: Storefront Web Components 🧩 Add commerce blocks to any website: • Integrate with embeddable building blocks • Customize using CSS
1:11

Now in your stack: Storefront Web Components 🧩 Add commerce blocks to any website: • Integrate with embeddable building blocks • Customize using CSS

Shopify Developers

44,465 views • 1 year ago

The agentic web is reshaping the entire tech stack, and we are creating new opportunity for devs at every layer.
0:56

The agentic web is reshaping the entire tech stack, and we are creating new opportunity for devs at every layer.

Satya Nadella

182,557 views • 1 year ago

Claude Code + Opus 4 is the best agentic coding tool in the world and it’s not close. It’s a: - masterful full-stack dev - with great product sense - that’s a delight to work with - and easy to use If you’re not using it you are behind. Watch for a 72min build session & tips.
1:12:13

Claude Code + Opus 4 is the best agentic coding tool in the world and it’s not close. It’s a: - masterful full-stack dev - with great product sense - that’s a delight to work with - and easy to use If you’re not using it you are behind. Watch for a 72min build session & tips.

Mckay Wrigley

319,736 views • 1 year ago

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 views • 1 year ago

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓
6:35

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Evan Bacon 🥓

233,085 views • 3 years ago

AlignUI Code Library is live! 💥 Built for React, styled with TailwindCSS. ‣ 40+ free base components : ‣ Blocks & Templates : ‣ Figma file :
1:49

AlignUI Code Library is live! 💥 Built for React, styled with TailwindCSS. ‣ 40+ free base components : ‣ Blocks & Templates : ‣ Figma file :

AlignUI Design System

46,626 views • 1 year ago

🚨just in: the first AI coding agent for serious builder is here AI copilots help you write code. ClackyAI helps you build software. your agentic coding studio → L3 agentic AI, full-stack awareness, real-time debugging, parallel tasking join the beta now:
0:29

🚨just in: the first AI coding agent for serious builder is here AI copilots help you write code. ClackyAI helps you build software. your agentic coding studio → L3 agentic AI, full-stack awareness, real-time debugging, parallel tasking join the beta now:

Nelly;

31,332 views • 1 year ago

Claude Code Templates now has a web interface for browsing and contributing templates 🙌 What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:
2:15

Claude Code Templates now has a web interface for browsing and contributing templates 🙌 What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:

Daniel San

60,074 views • 11 months ago

Bruh… this carousel system is so sleek 🎠 Blossom is an open-source carousel system with tons of beautiful patterns and examples. It also comes with AI agent skills and supports React, Vue, Svelte, and Web Components. Perfect if you're looking for modern, highly customizable carousels without the usual bloat :) Source 🔗: github(DOT)com/jespervos/blossom-carousel Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming
0:42

Bruh… this carousel system is so sleek 🎠 Blossom is an open-source carousel system with tons of beautiful patterns and examples. It also comes with AI agent skills and supports React, Vue, Svelte, and Web Components. Perfect if you're looking for modern, highly customizable carousels without the usual bloat :) Source 🔗: github(DOT)com/jespervos/blossom-carousel Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Ram Maheshwari

23,607 views • 17 days ago

Almost ready for the first public release of Toad! The video shows Getting started with Agentic coding in Toad. Pick your agent. Install. And you are off to the races. All without ever leaving Toad or your terminal! OpenHands 🐸 ❤️ 👐
1:30

Almost ready for the first public release of Toad! The video shows Getting started with Agentic coding in Toad. Pick your agent. Install. And you are off to the races. All without ever leaving Toad or your terminal! OpenHands 🐸 ❤️ 👐

Will McGugan

32,095 views • 6 months ago

Introducing vision mode: now your coding agent can take screenshots and record videos of your web app! In the demo below, we asked Tidewave to implement a feature, record videos of the feature working on both desktop and mobile resolutions, and deliver them to Slack.
0:45

Introducing vision mode: now your coding agent can take screenshots and record videos of your web app! In the demo below, we asked Tidewave to implement a feature, record videos of the feature working on both desktop and mobile resolutions, and deliver them to Slack.

José Valim

11,884 views • 2 months ago

⚡️ Using @Expo DOM components to incrementally migrate React Flow charts over to a native app
0:37

⚡️ Using @Expo DOM components to incrementally migrate React Flow charts over to a native app

Evan Bacon 🥓

61,896 views • 1 year ago

The updates keep coming— you can now discover new sources in the NotebookLM mobile app! Whether you're expanding an existing notebook or deep diving into a new topic, just type what you want to learn about and NotebookLM will browse the web for the most relevant results.
0:26

The updates keep coming— you can now discover new sources in the NotebookLM mobile app! Whether you're expanding an existing notebook or deep diving into a new topic, just type what you want to learn about and NotebookLM will browse the web for the most relevant results.

NotebookLM

119,123 views • 8 months ago