Ben Holmes
Ben Holmes
  • 124
  • 1 411 809
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
Переглядів: 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

КОМЕНТАРІ

  • @BeefIngot
    @BeefIngot 2 години тому

    Hopefully this doesn't ruin things like tamper monkey. I could see potential for some ol fashion Google evil there.

  • @wtl912
    @wtl912 14 годин тому

    Thanks for the great content you share Ben. You deserve a million subscribers.

  • @redpepper74
    @redpepper74 14 годин тому

    `document.body.hidden = !legsRevealed` is amazing, are you officially a DOM element now?

    • @bholmesdev
      @bholmesdev 14 годин тому

      I put the "model" in DOM 😏

    • @redpepper74
      @redpepper74 13 годин тому

      @@bholmesdev my god you really are a 10x dev

  • @Valtschak
    @Valtschak 14 годин тому

    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

  • @bedlik8
    @bedlik8 15 годин тому

    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

    • @masterchief1520
      @masterchief1520 15 годин тому

      Is this true?? I would love it for someone who hates front end cuz of the frameworks

    • @bedlik8
      @bedlik8 12 годин тому

      @@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.

  • @kyngcytro
    @kyngcytro 16 годин тому

    Loool Json is flexible too 😂😂

  • @ahmedhammad5434
    @ahmedhammad5434 День тому

    We have environmentally friendly programming before gta 6

  • @LennyMiller739
    @LennyMiller739 3 дні тому

    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

  • @jonathanguzman8584
    @jonathanguzman8584 3 дні тому

    All web devs are degenerates change my mind

  • @DeathSugar
    @DeathSugar 5 днів тому

    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

  • @Wh0NeedsFr1ends
    @Wh0NeedsFr1ends 5 днів тому

    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.

    • @bholmesdev
      @bholmesdev 3 дні тому

      Well that took me down a rabbithole of 80s culture. I... think I'm flattered! 😅

  • @kasvith
    @kasvith 5 днів тому

    Great work tom holland

  • @tomdelong-qj5ov
    @tomdelong-qj5ov 6 днів тому

    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

    • @bholmesdev
      @bholmesdev 5 днів тому

      *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

  • @sqrt7956
    @sqrt7956 6 днів тому

    I hadn't even considered this prior, thank you!

    • @bholmesdev
      @bholmesdev 6 днів тому

      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

    • @sqrt7956
      @sqrt7956 6 днів тому

      @@bholmesdev Will do, I love this kind of stuff 😊

  • @martinWein
    @martinWein 6 днів тому

    No need for types just be meticulous

  • @martinWein
    @martinWein 6 днів тому

    Lies NOT ONLY IS TYPESCRIPT EXCEEDINGLY UGLY . IT ALSO POLLUTES THE CODE BASE

  • @taimurqureshi9540
    @taimurqureshi9540 6 днів тому

    How is being able to work with multiple BE services more flexible? Its already happening currently

  • @afuzzybearsyoutubechannel2812
    @afuzzybearsyoutubechannel2812 6 днів тому

    Ah crazy frog 😂😂😂😂

  • @gofudgeyourselves9024
    @gofudgeyourselves9024 6 днів тому

    ok

  • @hyperbolee1060
    @hyperbolee1060 9 днів тому

    Holy fuck man now this is content

  • @quintennn
    @quintennn 9 днів тому

    unpopular opinion: file based routing sucks. Good for small projects (like a website) but in bigger apps, meh. structure is less readable, middleware sucks

    • @bholmesdev
      @bholmesdev 9 днів тому

      That makes sense! I've felt the pain many times. What routing scheme / library do you use?

    • @quintennn
      @quintennn 9 днів тому

      @@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

  • @corscheid
    @corscheid 13 днів тому

    I love the spectacular millennial nerd memes

  • @nickwoodward819
    @nickwoodward819 16 днів тому

    Thoughts on Lucia with app router? No middleware means all dynamically rendered, no?

  • @flix8565
    @flix8565 18 днів тому

    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.

  • @lostinthenarrativve
    @lostinthenarrativve 18 днів тому

    how much estrogen are you on bro/sis ? lmao

  • @WillDelish
    @WillDelish 20 днів тому

    This really seems like a cool move! Love tailwind

  • @AndresJimenezS
    @AndresJimenezS 21 день тому

    Astro Will supports other schema libraries like valibot or effect/Schema?

  • @pauldudley1273
    @pauldudley1273 21 день тому

    Damit... you answered a question i've had on my next side project. Thanks

  • @tegathemenace
    @tegathemenace 22 дні тому

    Basically forcing everyone to be full stack lol

  • @santoshpattnaik6524
    @santoshpattnaik6524 22 дні тому

    He looks and talks like Linus from Linus Tech Tips😅😅

  • @SPAHI43
    @SPAHI43 22 дні тому

    I always wanted to make a presentation exactly in this style at my job, I'm glad someone had the same idea

  • @Ibrahim-fh6kv
    @Ibrahim-fh6kv 23 дні тому

    I find Astro Design terrible, I will stick with Next.js which is industry standard SSR

  • @j.r.r.tolkien8724
    @j.r.r.tolkien8724 23 дні тому

    Comparing anything to $hit makes it look appealing. This guy knows what he's doing comparing HTMX to React.

  • @msahu2595
    @msahu2595 24 дні тому

    Tagda ❤

  • @ederolima
    @ederolima 24 дні тому

    Love the Vsauce references

  • @simonswiss
    @simonswiss 24 дні тому

    No Chick-fil-A sauce?!

  • @WirIez
    @WirIez 24 дні тому

    You should look in to superforms rocks with SvelteKit!

  • @user-sc2dc4ud7b
    @user-sc2dc4ud7b 24 дні тому

    Yea but how do make sure it’s atomic if it’s distributed across the globe?!

  • @Vinicius-hr3sp
    @Vinicius-hr3sp 24 дні тому

    brazil mentioned

  • @j.r.r.tolkien8724
    @j.r.r.tolkien8724 24 дні тому

    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.

  • @kasper_573
    @kasper_573 25 днів тому

    I wish safe was the default and unsafe existed as escape hatch

    • @bholmesdev
      @bholmesdev 24 дні тому

      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

  • @nazarshvets7501
    @nazarshvets7501 25 днів тому

    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)

  • @patrickjreid
    @patrickjreid 25 днів тому

    I am concerned that you are using cloudflair... make one wrong move buddy and you will get a 150k bill!

  • @freakstiches
    @freakstiches 26 днів тому

    Just found you, you remind me of Steve Rodgers. :) subscribed, thanks for your work.

  •  26 днів тому

    Nice explanation, nice video. Thanks! I'd better stick to PHP instead of this much dark magic 😬

  • @austincodes
    @austincodes 26 днів тому

    Actions with a TRPC-like API! 😯🤯

  • @sonofdarvin
    @sonofdarvin 26 днів тому

    Meanwhile php still paying the bills of deva since ages

    • @patrickjreid
      @patrickjreid 25 днів тому

      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.

    • @shimadabr
      @shimadabr 25 днів тому

      @@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

  • @Gorgggg
    @Gorgggg 26 днів тому

    I thought cloudflare no longer cool 🫨

  • @cb73
    @cb73 26 днів тому

    How do you not have over a million subscribers??

  • @Danielo515
    @Danielo515 26 днів тому

    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

    • @bholmesdev
      @bholmesdev 26 днів тому

      I’m open to safe being the default! Seems most people reach for it in practice

    • @Danielo515
      @Danielo515 25 днів тому

      @@bholmesdev probably a getUnsafe is more clear and makes people think more about what it entails