Loading video...

Video Failed to Load

Go Home

The Tidewave Toolbar recently got the ability to visualise client and server updates on the page. Here is a quick video showing how you can use it to improve the performance of your LiveView apps!

josevalim's profile picture

José Valim

55,659 subscribers

16,179 views • 23 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:
0:25

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:

Elixir by Software Mansion

13,537 views • 8 months ago

I’ve created a way to use your iPhone to travel through time and apps on your Mac. It features a liquid glass timeline that lets you jump between recently opened apps on your Mac and updates in real-time. You can even pin apps to the front of the timeline to create the perfect app launcher combination for your current workflow.
0:31

I’ve created a way to use your iPhone to travel through time and apps on your Mac. It features a liquid glass timeline that lets you jump between recently opened apps on your Mac and updates in real-time. You can even pin apps to the front of the timeline to create the perfect app launcher combination for your current workflow.

Phil Traut ᯅ

129,832 views • 4 months ago

Your ability to clean HEAVY a$$ weight is going to closely dictate your ability to put out force on the field. Use this video to improve your clean and send it to someone who needs it!
0:36

Your ability to clean HEAVY a$$ weight is going to closely dictate your ability to put out force on the field. Use this video to improve your clean and send it to someone who needs it!

Garage Strength

14,288 views • 8 months ago

Tell your agent to use the Expo MCP Server. It will make your dev experience more smooth and your apps will improve.
0:42

Tell your agent to use the Expo MCP Server. It will make your dev experience more smooth and your apps will improve.

Expo

21,661 views • 1 month ago

Don't know what is MCP and want to get a very quick intro lesson without the hype? I've got you covered MCP clients (like Claude, Cursor) are like the Android Phones and MCP Servers are like Android Apps. You can install them on your client and give it new capabilities!
2:11

Don't know what is MCP and want to get a very quick intro lesson without the hype? I've got you covered MCP clients (like Claude, Cursor) are like the Android Phones and MCP Servers are like Android Apps. You can install them on your client and give it new capabilities!

Shobhit Bakliwal

14,128 views • 1 year ago

I've created a custom SEO ChatGPT that you can use to STEAL back your #1 Rankings.. (Step By Step video below) ✅ Here’s How my GPT works: ✨ It analyzes your article and the #1 ranking competitor and rates them on: - Helpfulness - EEAT It also gives you bullet pointers on how to improve the article. Make a list of your top pages that have lost traffic recently and use my GPT to improve them. Make Sure to watch the video below to understand the process better. 👈 ONLY For the next 24 hours, I'm giving away the GPT & the Prompt for free: 1. Follow me (so I can DM) 2. Like AND Retweet 3. Comment "prompt"
2:15

I've created a custom SEO ChatGPT that you can use to STEAL back your #1 Rankings.. (Step By Step video below) ✅ Here’s How my GPT works: ✨ It analyzes your article and the #1 ranking competitor and rates them on: - Helpfulness - EEAT It also gives you bullet pointers on how to improve the article. Make a list of your top pages that have lost traffic recently and use my GPT to improve them. Make Sure to watch the video below to understand the process better. 👈 ONLY For the next 24 hours, I'm giving away the GPT & the Prompt for free: 1. Follow me (so I can DM) 2. Like AND Retweet 3. Comment "prompt"

Sarvesh Shrivastava

38,373 views • 2 years ago

I'm trying something new. Here is a quick video on how I use Cursor to build and run iOS apps. Let me know if you like it.
1:15

I'm trying something new. Here is a quick video on how I use Cursor to build and run iOS apps. Let me know if you like it.

Thomas Ricouard

17,693 views • 11 months ago

How to Create Music That Matches Your Video's Sound with Suno Studio I made a quick video showing how I use Suno Studio to generate background music that fits the audio and mood of a video, similar to the example in the quoted post. This is the method I use at the moment but if you have a better approach, feel free to share it. Before starting, export the original audio from your video. I usually do this in CapCut. After generating a track you like in Suno Studio, you can import it back into CapCut and add it to your video. *This is not a paid partnership.
1:42

How to Create Music That Matches Your Video's Sound with Suno Studio I made a quick video showing how I use Suno Studio to generate background music that fits the audio and mood of a video, similar to the example in the quoted post. This is the method I use at the moment but if you have a better approach, feel free to share it. Before starting, export the original audio from your video. I usually do this in CapCut. After generating a track you like in Suno Studio, you can import it back into CapCut and add it to your video. *This is not a paid partnership.

Kōda

37,597 views • 2 months ago

How to use Next.js metadata if the page is a client component
0:33

How to use Next.js metadata if the page is a client component

Alex Sidorenko

91,579 views • 2 years ago

BoomBox is here! 💥You can get it on Gumroad and watch the Quick Start on Youtube. Links in the thread. This tool is a ton of fun, I can't wait to see how people use it. #Houdini #motionGraphics
0:48

BoomBox is here! 💥You can get it on Gumroad and watch the Quick Start on Youtube. Links in the thread. This tool is a ton of fun, I can't wait to see how people use it. #Houdini #motionGraphics

jason harmon

33,670 views • 3 years ago

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace
1:01

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,315 views • 11 months ago

Never manually create slides again. Here's a quick video showing how you can use my /slides skill to create a beautiful animated presentation in minutes. HTML really is the solution to everything. 📌 Watch the full tutorial here:
0:27

Never manually create slides again. Here's a quick video showing how you can use my /slides skill to create a beautiful animated presentation in minutes. HTML really is the solution to everything. 📌 Watch the full tutorial here:

Peter Yang

78,460 views • 3 months ago

If you want to be able to call server functions from the client, RPC is often the move. The Bun + Better Call combo gets you a fullstack solution in very little code. Server, Client, bundling and HMR 👌 had to record a little video showing the setup
3:26

If you want to be able to call server functions from the client, RPC is often the move. The Bun + Better Call combo gets you a fullstack solution in very little code. Server, Client, bundling and HMR 👌 had to record a little video showing the setup

Wes Bos

103,737 views • 10 months ago

You can now pin a dock of your recently opened Mac apps right on your desk and switch between them with a single tap when using Mac Virtual Display on Vision Pro. It updates automatically so you always have a direct shortcut to the apps you’re currently working with. You can even pin your favourites to the front of the line to create your perfect setup. It‘s called App Time Travel, and it's one of the headline features in the big new choclift for Vision Pro update, available today.
0:28

You can now pin a dock of your recently opened Mac apps right on your desk and switch between them with a single tap when using Mac Virtual Display on Vision Pro. It updates automatically so you always have a direct shortcut to the apps you’re currently working with. You can even pin your favourites to the front of the line to create your perfect setup. It‘s called App Time Travel, and it's one of the headline features in the big new choclift for Vision Pro update, available today.

Phil Traut ᯅ

129,776 views • 3 months ago

Would you like to improve your entire golf swing sequence? In this video, I'll show you exactly how to load your body in the backswing AND how to use the ground & rotate in the downswing When you feel you've got it, grab a club & give it a go 👊
2:15

Would you like to improve your entire golf swing sequence? In this video, I'll show you exactly how to load your body in the backswing AND how to use the ground & rotate in the downswing When you feel you've got it, grab a club & give it a go 👊

Ryan Mouque

175,598 views • 1 year ago

The use of natural lighting here and use of large openings along with the garden, This is how you design a home, the client taste is obvious here.
1:27

The use of natural lighting here and use of large openings along with the garden, This is how you design a home, the client taste is obvious here.

Gamer_Architect

21,142 views • 5 months ago

Run evals—directly from the OpenAI dashboard. Use your test data to compare model performance, iterate on prompts, and improve outputs. Here's a quick walkthrough:
5:17

Run evals—directly from the OpenAI dashboard. Use your test data to compare model performance, iterate on prompts, and improve outputs. Here's a quick walkthrough:

OpenAI Developers

86,738 views • 1 year ago

The moment we been waiting for! Alpha Futures blessed me with the opportunity to be one of their very first traders to review the ALPHA TRADER PLATFORM. Here is a quick video showing off the new platform and stay tuned for updates on how my experience is! I love you Alpha Futures 💚
3:23

The moment we been waiting for! Alpha Futures blessed me with the opportunity to be one of their very first traders to review the ALPHA TRADER PLATFORM. Here is a quick video showing off the new platform and stay tuned for updates on how my experience is! I love you Alpha Futures 💚

tylerg

11,255 views • 5 months ago

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.
0:33

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

Delba

157,404 views • 2 years ago