![Ben Holmes](/img/default-banner.jpg)
- 124
- 1 411 809
Ben Holmes
Приєднався 8 тра 2019
The problem with server actions
Astro Actions add the BEEF to server actions. Try them out: astro.build/blog/astro-490/
Use Upstash for Redis NOW: upstash.com/
#javascript #react #next
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/dan-barton/the-executive-lounge
License code: LRSQGNFHDV0YWIDM
Use Upstash for Redis NOW: upstash.com/
#javascript #react #next
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/dan-barton/the-executive-lounge
License code: LRSQGNFHDV0YWIDM
Переглядів: 19 546
Відео
Why you SHOULD deploy to the edge
Переглядів 54 тис.2 місяці тому
Cloudflare got the edge runtime right. Repo: github.com/bholmesdev/womp #javascript #webdevelopment #typescript #vercel #tutorial Music from #Uppbeat (free for Creators!): uppbeat.io/t/dan-barton/the-executive-lounge License code: IGOXGTHKTP3KRRJ0
React Suspense from scratch!
Переглядів 6 тис.4 місяці тому
Suspense is a key part of server components. But... how does it work? Let's build suspense ourselves! #tutorial #webdevelopment #javascript #react #typescript
React form validation explained - Next.js and Astro
Переглядів 7 тис.5 місяців тому
React form validation explained - Next.js and Astro
React server components from scratch!
Переглядів 30 тис.6 місяців тому
React server components from scratch!
⚛️ Dan Abramov explores React Server Components with us! [VOD]
Переглядів 28 тис.Рік тому
⚛️ Dan Abramov explores React Server Components with us! [VOD]
[VOD] React Server Components deep dive with @JamesQQuick 🤿
Переглядів 2,5 тис.Рік тому
[VOD] React Server Components deep dive with @JamesQQuick 🤿
Building with Astro x Wordpress - feat Jeff Everhart!
Переглядів 5 тис.Рік тому
Building with Astro x Wordpress - feat Jeff Everhart!
Make servers faster with cache controls 💰 #whiteboardtheweb
Переглядів 1,5 тис.Рік тому
Make servers faster with cache controls 💰 #whiteboardtheweb
Hopefully this doesn't ruin things like tamper monkey. I could see potential for some ol fashion Google evil there.
Thanks for the great content you share Ben. You deserve a million subscribers.
`document.body.hidden = !legsRevealed` is amazing, are you officially a DOM element now?
I put the "model" in DOM 😏
@@bholmesdev my god you really are a 10x dev
I hope it will be implemented in browsers. For now we can replace all heavy frameworks with ~5 lines: let s=null,u=!1,q=new Set,b=()=>{u||(u=!0,Promise.resolve().then(()=>{q.forEach(v=>v()),q.clear(),u=!1}))} export const signal=(v)=>{let f=v,n=new Set;return v=>(v===void 0?(s&&n.add(s),f):(f=v,n.forEach(e=>q.add(e)),b(),f))} export const effect=(v)=>(s=v,v(),s=null) export const render=(n,v)=>{customElements.define(n,class extends HTMLElement{connectedCallback(){this.c=effect(()=>v(this))}disconnectedCallback(){this.c&&this.c()}})} I wrote it for fun but it turns out it works. effexor.dev/docs
When, statically placed types (typescript notation) will come to Javascript and this with signals, then it will be even easier to create medium-big scaled web-apps with your favorite SSR template engine + web components. Without need for frontend framework or JS on backend
Is this true?? I would love it for someone who hates front end cuz of the frameworks
@@masterchief1520 Yeah! E.g. I am using Spring boot(Java backend framework) and sometimes need some web UI. Therefore I use Thymeleaf (templating engine) for rendering static content on the page. However to add some reactivity and not reloading page I use web components and wrote some simple wrappers - mini-framework. The difference is that you rely on in-built features (Web components, shadow-dom). Main rule is that you do not use npm (no dependencies) and no transpilation process (no typescript, pure js). The only thing (npm related) I use is webpack for minifying/bundling software dist/out files. When there will by types, it will be easier to maintain code (for medium-big size apps) and when there will be signals it will be easier to pass state between different components.
Loool Json is flexible too 😂😂
We have environmentally friendly programming before gta 6
Pffft. They don't even know that I get the md5 hash of any php requests and then multiply all of the numbers together and then convert the response into base64 and back that many times whenever somebody wants to do a search
All web devs are degenerates change my mind
to measure it just take laptop, power it up to the brim and count how much time does it take for opened tab with the site to make it power off. repeat several times l, plus baseline measurement and buya - you have actual solid stats, not the bs approximateions
I've found bholmes oddly alluring for years. At first I thought it was because of how knowledgeable he is about web development. Now I realize that it's because he's kind of got this modern-day Max Headroom kind of thing going on, and I dig it.
Well that took me down a rabbithole of 80s culture. I... think I'm flattered! 😅
Great work tom holland
Not sure how loading time makes sense for energy … I mean a faster network or device will massively change the results but it doesn’t mean they’re using less energy but cool tip about the db queries The important thing about the assets size is it’s able to take in to account all the layers like cdn etc
*I should clarify: I’m measuring how long the server takes to load. This EXCLUDES network and device speeds, just focusing on compute time for the database queries and business logic. Found compute time is a better proxy than page weight to measure THIS piece of the puzzle. And yes, asset size is still worth considering for device compute time! There’s a lot of nuance explored here: wtw.dev/talkco2
I hadn't even considered this prior, thank you!
Ah I'm glad! You can check that talk at the end for some sample code and extra context. Have snippets for any NodeJS server really
@@bholmesdev Will do, I love this kind of stuff 😊
No need for types just be meticulous
Lies NOT ONLY IS TYPESCRIPT EXCEEDINGLY UGLY . IT ALSO POLLUTES THE CODE BASE
How is being able to work with multiple BE services more flexible? Its already happening currently
Ah crazy frog 😂😂😂😂
ok
Holy fuck man now this is content
unpopular opinion: file based routing sucks. Good for small projects (like a website) but in bigger apps, meh. structure is less readable, middleware sucks
That makes sense! I've felt the pain many times. What routing scheme / library do you use?
@@bholmesdev Depends, my current job uses nuxt, so filebased routing, my personal projects are mostly react using react-router, been wanting to try tanstack router though. For website project often use Nextjs so again file based routing. Both definitely have their place but I have a pretty strong opinion on when to use what haha
I love the spectacular millennial nerd memes
Thoughts on Lucia with app router? No middleware means all dynamically rendered, no?
The type safety that TS provides is insane. And if your infrastructure is capable enough, which is always the case if you use a modern environment, then using TS is not much different from using JS. It's just a file extension. And having tsc provide you with advice is a massive boon.
how much estrogen are you on bro/sis ? lmao
This really seems like a cool move! Love tailwind
Astro Will supports other schema libraries like valibot or effect/Schema?
Damit... you answered a question i've had on my next side project. Thanks
Basically forcing everyone to be full stack lol
He looks and talks like Linus from Linus Tech Tips😅😅
I always wanted to make a presentation exactly in this style at my job, I'm glad someone had the same idea
I find Astro Design terrible, I will stick with Next.js which is industry standard SSR
Comparing anything to $hit makes it look appealing. This guy knows what he's doing comparing HTMX to React.
Tagda ❤
Love the Vsauce references
No Chick-fil-A sauce?!
You should look in to superforms rocks with SvelteKit!
Yea but how do make sure it’s atomic if it’s distributed across the globe?!
brazil mentioned
Yeah I remember typing "npm run start" and it took 2 seconds to run I was so mad I ended up destroying my PC in anger.
I wish safe was the default and unsafe existed as escape hatch
I've heard that a few times! Also find myself using .safe more time than not. I think flipping to the default and adding an orThrow() for the alternative is a good change
Finally a framework which adds complete features and thinks about real developer scenarios. Not some half-backed ass shit figure out and get fucked features (I'm looking at you, nextjs)
I am concerned that you are using cloudflair... make one wrong move buddy and you will get a 150k bill!
Just found you, you remind me of Steve Rodgers. :) subscribed, thanks for your work.
Nice explanation, nice video. Thanks! I'd better stick to PHP instead of this much dark magic 😬
Actions with a TRPC-like API! 😯🤯
Meanwhile php still paying the bills of deva since ages
I am moderately new as a dev... a few years. I have never found a use case to make php worth it... yeah, it's in a lot of legacy code... but I can't see why someone would reach for it first anymore.
@@patrickjreid Take a look at Laravel + Inertia + {insert your JS framework}. All this back-end + front-end glue code problem (and front-end routing) is basically solved.. It's pretty awesome. PHP + Laravel has a great ecosystem and the community is pretty alive, PHP is not only legacy systems and Wordpress anymore
I thought cloudflare no longer cool 🫨
How do you not have over a million subscribers??
It looks wonderful except for the disgusting requirement of ZOD and that "safe" should be the default. People must understand that exceptions need to be... The exception
I’m open to safe being the default! Seems most people reach for it in practice
@@bholmesdev probably a getUnsafe is more clear and makes people think more about what it entails