正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Elysia with Bun 1.3 Full-stack server 1. Install Elysia w/ static plugin 2. Create an HTML file in the public folder 3. Start writing React That's it, no additional setup HMR, Tailwind, Tanstack Query, Eden Treaty, path alias works Frontend and backend bundle to 1 file

SaltyAom

20,851 subscribers

73,164 次观看 • 8 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Introducing Elysia Playground An interactive playground to experiment with Elysia directly from your browser A new tutorial of 21 pages, With an easy-to-understand guide to help you learn, and build your first Elysia app There has never been a better time to learn Elysia

Introducing Elysia Playground An interactive playground to experiment with Elysia directly from your browser A new tutorial of 21 pages, With an easy-to-understand guide to help you learn, and build your first Elysia app There has never been a better time to learn Elysia

SaltyAom

57,785 次观看 • 8 个月前

Introducing: Dark Mode in TANSTACK Start: No flickering, persistent throughout sessions and integrates with Tailwind! Plus, you get to learn about server functions, loaders, and cookies in TanStack Start! Enjoy!

Introducing: Dark Mode in TANSTACK Start: No flickering, persistent throughout sessions and integrates with Tailwind! Plus, you get to learn about server functions, loaders, and cookies in TanStack Start! Enjoy!

Josef Bender

18,931 次观看 • 3 个月前

Good morning, Elysia AI You can talk to Elysia documentation, starting today

Good morning, Elysia AI You can talk to Elysia documentation, starting today

SaltyAom

49,604 次观看 • 7 个月前

New frontend project in 24seconds⚡️ Stack: React, Tailwind, GSAP.

New frontend project in 24seconds⚡️ Stack: React, Tailwind, GSAP.

Boluwatife.vue.dev💚✨

72,919 次观看 • 1 年前

With .NET 10, you can just create an app.cs file and run it—no setup required. See it in action.

With .NET 10, you can just create an app.cs file and run it—no setup required. See it in action.

Microsoft Developer

137,331 次观看 • 11 个月前

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.

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,319 次观看 • 2 年前

Gemini 3 just one shotted this ‘Portal Windows’ app 🤯 It maps a single webcam feed across multiple floating windows. No server, no React, just one HTML file.

Gemini 3 just one shotted this ‘Portal Windows’ app 🤯 It maps a single webcam feed across multiple floating windows. No server, no React, just one HTML file.

Alvaro Cintas

141,142 次观看 • 6 个月前

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!

Bharat Kara

48,852 次观看 • 1 年前

Convert Figma to Code with AI. – your AI frontend engineer 1. install VS code extension 2. upload Figma file 2. get full code Superflex analyzes your code first, then suggests context-aware code.

Convert Figma to Code with AI. – your AI frontend engineer 1. install VS code extension 2. upload Figma file 2. get full code Superflex analyzes your code first, then suggests context-aware code.

Pratham

35,700 次观看 • 1 年前

📹So I got nerd-sniped into making a Trellix clone with TANSTACK React Query over the weekend. I think it works really well, but feel free to disagree. No framework, no backend - just the great msw, vite + RQ SPA. Nice side-effect: it works if you lose network connection 😱

📹So I got nerd-sniped into making a Trellix clone with TANSTACK React Query over the weekend. I think it works really well, but feel free to disagree. No framework, no backend - just the great msw, vite + RQ SPA. Nice side-effect: it works if you lose network connection 😱

Dominik 🔮

149,180 次观看 • 2 年前

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Adam Wathan

91,557 次观看 • 1 年前

turned this into a web app you can use with your own obsidian vault! no install, just one html file: point it at your notes folder, it embeds everything with gemini, clusters by meaning, and renders the 3d network in your browser. available now for x/twitter subscribers <3

turned this into a web app you can use with your own obsidian vault! no install, just one html file: point it at your notes folder, it embeds everything with gemini, clusters by meaning, and renders the 3d network in your browser. available now for x/twitter subscribers <3

Kat ⊷ the Poet Engineer

103,116 次观看 • 3 个月前

Hello Internet, I built this app over the weekend with one goal in mind. To help you find a time for everyone? Think Study groups, Meetups and much more. Stack used: React for the frontend Google firebase for the backend. Here's a demo on how it works, this is version 1 (more updates coming!)

Hello Internet, I built this app over the weekend with one goal in mind. To help you find a time for everyone? Think Study groups, Meetups and much more. Stack used: React for the frontend Google firebase for the backend. Here's a demo on how it works, this is version 1 (more updates coming!)

Abdussalam Popoola

28,575 次观看 • 6 个月前

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

212,810 次观看 • 14 天前

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!

Evan Bacon 🥓

52,883 次观看 • 2 年前

⚡️bun just works™ bun init --react=shadcn ◆ React + Tailwind + shadcn ◆ Full TypeScript setup (.tsx/.ts without babel) ◆ Bun's built-in APIs (S3, Redis, SQL, WebSockets, etc.) ◆ Native test runner ◆ Cursor/Claude files included ◆ ... so much more, zero config 🚀

⚡️bun just works™ bun init --react=shadcn ◆ React + Tailwind + shadcn ◆ Full TypeScript setup (.tsx/.ts without babel) ◆ Bun's built-in APIs (S3, Redis, SQL, WebSockets, etc.) ◆ Native test runner ◆ Cursor/Claude files included ◆ ... so much more, zero config 🚀

Lydia Hallie ✨

167,720 次观看 • 10 个月前

This Week In Spaceflight with Elysia Segal (Elysia Segal)

This Week In Spaceflight with Elysia Segal (Elysia Segal)

NSF - NASASpaceflight.com

55,565 次观看 • 11 个月前

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

233,791 次观看 • 5 个月前

Did you know is full stack? This means you can run a node server in your browser! I created this full stack auth system with React + Express + SQLite DB. All running from my project file with no outside dependencies. This is the real power of Bolt.

Did you know is full stack? This means you can run a node server in your browser! I created this full stack auth system with React + Express + SQLite DB. All running from my project file with no outside dependencies. This is the real power of Bolt.

Wes Winder

27,747 次观看 • 1 年前