José Valim's banner

José Valim

@josevalim • 54,996 subscribers

Creator of @elixirlang. Chief Adoption Officer at @dashbit, where we build https://t.co/FK8F4URbVG and https://t.co/xncEVrvWml.

Shorts

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!

33,311 просмотров

While working on a new video with solutions to the previous one, I found ChatGPT's new UI struggles even more with concurrent updates: entries lose state and stick around for too long (see video). If this was a LiveView app, we would be getting so much flak.😅 --- I believe part of the problem here is having separate mutate and fetch requests on every deletion. The first fetch is cancelled when the second one comes up, causing items to stick around for longer. Many said yesterday that you could do the mutation and fetch as a single request, but that leads to other problems, such zombie entries. For example, imagine you delete link1 and link2 within a brief period of time. There is no guarantee the deletion order in the database will match the order the client receives the response, so you may end up with this: 1. (client) request to delete link1 sent 2. (client) request to delete link2 sent 3. (server) deletes link1 and loads a new list (includes link2) 4. (server) deletes link2 and loads a new list (no link1 or link2) 5. (client) receives link2 response 6. (client) receives link1 response So if you choose to use the latest response (link1), you brought link2 back to life. If you say you will use the response from the last request, events 3-4 can be swapped, and now you bring link1 back to life. Another way to solve this is by basically not allowing concurrent requests at all but that can affect the user experience drastically in other ways. Next week I should publish a video explaining how LiveView tackles this. Stay tuned!

While working on a new video with solutions to the previous one, I found ChatGPT's new UI struggles even more with concurrent updates: entries lose state and stick around for too long (see video). If this was a LiveView app, we would be getting so much flak.😅 --- I believe part of the problem here is having separate mutate and fetch requests on every deletion. The first fetch is cancelled when the second one comes up, causing items to stick around for longer. Many said yesterday that you could do the mutation and fetch as a single request, but that leads to other problems, such zombie entries. For example, imagine you delete link1 and link2 within a brief period of time. There is no guarantee the deletion order in the database will match the order the client receives the response, so you may end up with this: 1. (client) request to delete link1 sent 2. (client) request to delete link2 sent 3. (server) deletes link1 and loads a new list (includes link2) 4. (server) deletes link2 and loads a new list (no link1 or link2) 5. (client) receives link2 response 6. (client) receives link1 response So if you choose to use the latest response (link1), you brought link2 back to life. If you say you will use the response from the last request, events 3-4 can be swapped, and now you bring link1 back to life. Another way to solve this is by basically not allowing concurrent requests at all but that can affect the user experience drastically in other ways. Next week I should publish a video explaining how LiveView tackles this. Stay tuned!

22,976 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

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 👇

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 👇

86,077 просмотров • 6 месяцев назад

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.

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.

97,904 просмотров • 9 месяцев назад

New video! ChatGPT's new UI has plenty of UX/latency bugs and here is why client-side frameworks are not a silver bullet:

New video! ChatGPT's new UI has plenty of UX/latency bugs and here is why client-side frameworks are not a silver bullet:

131,693 просмотров • 1 год назад

Introducing Tidewave: beyond code intelligence. While working on our web apps, we run code, query the database, read logs, search docs… but AI tools are limited to compiling code. Watch Tidewave transform Claude Desktop into an agent by running a MCP server in your web app!

Introducing Tidewave: beyond code intelligence. While working on our web apps, we run code, query the database, read logs, search docs… but AI tools are limited to compiling code. Watch Tidewave transform Claude Desktop into an agent by running a MCP server in your web app!

87,810 просмотров • 1 год назад

New agentic code review workflow unlocked! Before: You review a diff. Drop some comments. The agent makes changes but they're mixed with old changes. So you re-read everything. Give more feedback. Repeat. After: Diffs only show what's new since your last review, in realtime.

New agentic code review workflow unlocked! Before: You review a diff. Drop some comments. The agent makes changes but they're mixed with old changes. So you re-read everything. Give more feedback. Repeat. After: Diffs only show what's new since your last review, in realtime.

12,892 просмотров • 1 месяц назад

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.

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.

11,864 просмотров • 1 месяц назад

New video! Tackling ChatGPT’s UX woes with optimistic updates in Phoenix LiveView:

New video! Tackling ChatGPT’s UX woes with optimistic updates in Phoenix LiveView:

43,680 просмотров • 1 год назад

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! 🌊

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! 🌊

19,664 просмотров • 9 месяцев назад

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!

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!

20,156 просмотров • 9 месяцев назад

If you’re a JavaScript developer who loves the / experience but you want run everything on your machine and use your own Claude Code/OpenAI Codex subscription, the wait is over: Tidewave now officially supports Next.js and Vite! 👇

If you’re a JavaScript developer who loves the / experience but you want run everything on your machine and use your own Claude Code/OpenAI Codex subscription, the wait is over: Tidewave now officially supports Next.js and Vite! 👇

12,806 просмотров • 6 месяцев назад

Zed agents are officially out! Here is a video of me using Zed agents (during the beta) with Tidewave to "vibe code" the pricing plan component, all the way to database migrations.

Zed agents are officially out! Here is a video of me using Zed agents (during the beta) with Tidewave to "vibe code" the pricing plan component, all the way to database migrations.

19,553 просмотров • 1 год назад

Livebook v0.11 is out and so begins our second launch week! Talking to remote notes got a massive upgrade with the new "Remove execution" smart cell. Check the video/article: The best part? It comes with remote intellisense too!🤯 All thanks to Erlang!❤️

Livebook v0.11 is out and so begins our second launch week! Talking to remote notes got a massive upgrade with the new "Remove execution" smart cell. Check the video/article: The best part? It comes with remote intellisense too!🤯 All thanks to Erlang!❤️

31,043 просмотров • 2 лет назад

Speech-to-text in Livebook v0.11 got major improvements: we can now transcribe files of arbitrary length and stream results as they arrive, with timestamps! Watch the video/check the blog: Tune in tomorrow for more Launch Week news! #MyElixirStatus

Speech-to-text in Livebook v0.11 got major improvements: we can now transcribe files of arbitrary length and stream results as they arrive, with timestamps! Watch the video/check the blog: Tune in tomorrow for more Launch Week news! #MyElixirStatus

11,362 просмотров • 2 лет назад

Больше нет контента для загрузки