Loading video...

Video Failed to Load

Go Home

JS sourcemaps are so cool sourcemaps are "mappings" of generated code (JS that runs on your browser) to the original source

aidenybai's profile picture

Aiden Bai

62,102 subscribers

179,062 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

transform​.tools is so cool there's svg → jsx, js → json, and so much more
0:11

transform​.tools is so cool there's svg → jsx, js → json, and so much more

Aiden Bai

29,099 views • 1 year ago

VFX-JS v0.10 improved multipass support on iOS. Now the fluid sim runs on iPhone. #WebGL #VFXJS
0:16

VFX-JS v0.10 improved multipass support on iOS. Now the fluid sim runs on iPhone. #WebGL #VFXJS

𝘼𝙈𝘼𝙂𝙄

11,479 views • 2 months ago

Modulo is dropping this month -Fully on-chain collection -Real-time Interactive app -Burn-to-mint animated composition -Up to 8 users per composition -HTML/JS renderer on Ethereum — paste any tokenURI in a browser, it runs -0.0069 ETH More info Drop your wallet bellow
0:19

Modulo is dropping this month -Fully on-chain collection -Real-time Interactive app -Burn-to-mint animated composition -Up to 8 users per composition -HTML/JS renderer on Ethereum — paste any tokenURI in a browser, it runs -0.0069 ETH More info Drop your wallet bellow

ubk

35,370 views • 27 days ago

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.
0:15

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.

Peter Thomson

27,029 views • 4 months ago

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO
0:18

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

43,601 views • 1 year ago

Did she rlly js threw her baby js to fight somebody smh🤦🏽‍♀️
0:19

Did she rlly js threw her baby js to fight somebody smh🤦🏽‍♀️

👊🏽LEMME TEACH YOU👊🏽

179,704 views • 2 years ago

onboarding checklist component UI showcase animation. JS, built with Claude Code
0:18

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 views • 3 months ago

u js trained on test bro, it's not that deep
0:16

u js trained on test bro, it's not that deep

llm_enjoyer

196,469 views • 10 days ago

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on
0:13

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on

Nuxt

383,127 views • 3 years ago

WHAT JS GOING ON
0:12

WHAT JS GOING ON

Jakeneutron

59,730 views • 4 months ago

JS: they got chungha's ig as well... 🐶 me too 😭😭🤣 JS: why are they not giving it? where are they going to use it for? 🐶 idk CH: that's what i'm saying 🐶 for storage of memories....? 😭😭😭🤣 #WHEEIN #휘인 휘인(Whee In)
0:19

JS: they got chungha's ig as well... 🐶 me too 😭😭🤣 JS: why are they not giving it? where are they going to use it for? 🐶 idk CH: that's what i'm saying 🐶 for storage of memories....? 😭😭😭🤣 #WHEEIN #휘인 휘인(Whee In)

🧚🏼‍♀️

29,669 views • 1 year ago

z3 I was js thinking abt ur comment when I js seen this on TikTok😂😂
0:19

z3 I was js thinking abt ur comment when I js seen this on TikTok😂😂

👊🏽LEMME TEACH YOU👊🏽

17,955 views • 1 year ago

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO
0:18

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

99,378 views • 2 years ago

Good Morning 🌼 "Atomic Bitcoin Butt Flowers" ...are not static JPEGs, they are complex p5.js applications that respond in real-time to Bitcoin's network activity. Find out more and how to get your WL spot here: Enjoy ur Sunday 🧡🫵🏼
0:13

Good Morning 🌼 "Atomic Bitcoin Butt Flowers" ...are not static JPEGs, they are complex p5.js applications that respond in real-time to Bitcoin's network activity. Find out more and how to get your WL spot here: Enjoy ur Sunday 🧡🫵🏼

Fab44

11,118 views • 11 months ago

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!
0:19

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!

José Valim

33,311 views • 4 months ago

You may have noticed that search on the Visual Studio Code website has gotten a lot quicker lately. In our latest blogpost, João Moreno breaks down the engineering process behind docfind, a search engine we built that runs entirely in your browser using WebAssembly:
0:16

You may have noticed that search on the Visual Studio Code website has gotten a lot quicker lately. In our latest blogpost, João Moreno breaks down the engineering process behind docfind, a search engine we built that runs entirely in your browser using WebAssembly:

Visual Studio Code

73,349 views • 4 months ago

added video support to the cmyk halftone emulator! — it's free & open-source, runs in your browser — tons of controls — can record the result into webm or just save the image
0:18

added video support to the cmyk halftone emulator! — it's free & open-source, runs in your browser — tons of controls — can record the result into webm or just save the image

daniel petho

59,752 views • 6 months ago

Lick my js🤑 and send my cash💸 The stench of my socks is the cause of your relapse😫
0:12

Lick my js🤑 and send my cash💸 The stench of my socks is the cause of your relapse😫

AlphaJ

11,981 views • 6 days ago