React AND HTMX??? | Prime Reacts

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ก.ย. 2024
  • Recorded live on twitch, GET IN
    / theprimeagen
    Blog article: cprohm.de/blog...
    Author: Christopher Prohm | github.com/chmp
    MY MAIN YT CHANNEL: Has well edited engineering videos
    / theprimeagen
    Discord
    / discord
    Have something for me to read or react to?: / theprimeagenreact
    Hey I am sponsored by Turso, an edge database. I think they are pretty neet. Give them a try for free and if you want you can get a decent amount off (the free tier is the best (better than planetscale or any other))
    turso.tech/dee...

ความคิดเห็น • 80

  • @laughingvampire7555
    @laughingvampire7555 ปีที่แล้ว +145

    htmx + react = hypercomplexity

    • @joranmulderij
      @joranmulderij ปีที่แล้ว +15

      The type of stuff that some developer in 15 years is gonna loose 200 hours to.

    • @FaZekiller-qe3uf
      @FaZekiller-qe3uf ปีที่แล้ว +1

      @@joranmulderijI've lost hours trying a supposedly good web frameworks when I hate web dev. I was most effective at web dev when I was writing plain HTML/CSS and JS, and I hated that. I just don't do it now.
      The Iced Rust library gave me flashbacks so if I have to do GUI I'm just going to use GTK.

    • @depafrom5277
      @depafrom5277 ปีที่แล้ว +1

      Yeah, FFS, can they just get over this Htmx bull$hit, it in itself is already creating so many problems on server and client, now this...

    • @entx8491
      @entx8491 ปีที่แล้ว

      @@depafrom5277 What problems?

  • @nathanialharris3300
    @nathanialharris3300 ปีที่แล้ว +135

    Using htmx to reduce complexity and then mixing it with react is like deciding poop is gross and then mixing dogshit into your ice cream.

    • @ashindachu
      @ashindachu ปีที่แล้ว +2

      lmfaoaoa

    • @JonathanRose24
      @JonathanRose24 ปีที่แล้ว +13

      Gotta disagree, react makes building UIs a lot easier. The complexity with react is managing state and side effects. This is where HTMX can step in to help reduce that complexity by not managing it client side. With HTMX you still need a way to return HTML. You can using templating to do it, or you can use react to generate it. I don’t think I’d use HTMX at this time, but I do think it’s a very interesting combination

    • @JonathanRose24
      @JonathanRose24 ปีที่แล้ว +3

      Though now that I’ve seen more of this video, this particular implementation seems a bit crazy

    • @sayamsamal
      @sayamsamal ปีที่แล้ว +6

      Opinions aside, got to admire the analogy 😂

    • @depafrom5277
      @depafrom5277 ปีที่แล้ว +1

      Htmx is already a mess, now imagine this OMG!!!

  • @SilvestreVivo
    @SilvestreVivo ปีที่แล้ว +28

    This is like mixing red wine with coke

    • @erickmoya1401
      @erickmoya1401 ปีที่แล้ว +7

      We call it "jote" here in Chile. Hope the knowledge this is a thing doesnt ruin your day.

    • @SilvestreVivo
      @SilvestreVivo ปีที่แล้ว

      @@erickmoya1401 and Calimotxo in Spain

    • @drdesten
      @drdesten ปีที่แล้ว +1

      Pretty popular back in the days

    • @depafrom5277
      @depafrom5277 ปีที่แล้ว +1

      Dont judge, but you are right.

  • @karakaaa3371
    @karakaaa3371 ปีที่แล้ว +15

    This is certainly one of the frontends of all time.

  • @marcosmarques9228
    @marcosmarques9228 ปีที่แล้ว +37

    If you close your eyes it's going to be like Bill Burr is talking about programming to you.

    • @mauro--1521
      @mauro--1521 ปีที่แล้ว +1

      HE'S GOT THE SAME VOICE

  • @Pariatech
    @Pariatech ปีที่แล้ว +14

    Its just missing a little jquery on top and run it as a webcomponent in an angular app.

    • @PanosPitsi
      @PanosPitsi ปีที่แล้ว +3

      Noo run it inside a flutter web ore and mount that as web assembly inside an angular web component, job security since even the most advanced ai won’t be able to determine wtf is going on

  • @Drunkenvalley
    @Drunkenvalley ปีที่แล้ว +15

    Feel like Vue is a better candidate than React, since Vue just... automatically detects and responds to changes in the DOM, including mounting of the components, interprets its props, etc... But anyway.

    • @ea_naseer
      @ea_naseer ปีที่แล้ว +2

      svelte would also work

    • @TurtleKwitty
      @TurtleKwitty ปีที่แล้ว +1

      Yup vue started out as being made exactly for this type of use in disparate components on a otherwise normal html page, using react here is just wild

  • @SXsoft99
    @SXsoft99 ปีที่แล้ว +5

    I look at this and i'm like "i dont even know how to write js any more"

  • @thebrowhodoesntlift9613
    @thebrowhodoesntlift9613 ปีที่แล้ว +20

    The only react I'm willing to except is "Lets react to some Htmx news".

    • @entx8491
      @entx8491 ปีที่แล้ว +2

      accept?

  • @alexandersuvorov2002
    @alexandersuvorov2002 ปีที่แล้ว +7

    To make things even simpler he could rewrite the whole thing with Haskell or Brainfuck.

  • @toanduongthanh8625
    @toanduongthanh8625 8 หลายเดือนก่อน

    my expect when firstly heard about htmx is it could completely replace reactjjs in small projects, but it just solved problems with state mangement and hard to follow component thinking

  • @jessejayphotography
    @jessejayphotography ปีที่แล้ว +11

    You can’t convince me front end development isn’t the kindergarten of development. Like when you were a kid and drew a portrait of your family and it was complete dogshit but they still hung it on the fridge.

    • @jwoods9659
      @jwoods9659 ปีที่แล้ว +3

      React is like Wordpress is tottaly overused

    • @PanosPitsi
      @PanosPitsi ปีที่แล้ว

      @@jwoods9659Imagine web broader were less terrible and automatically didn’t reload the full page on mpa, react would only be used for sites where state persists across multiple links. We basically did the job of chrome on our own in js. 🥶

  • @dandogamer
    @dandogamer ปีที่แล้ว +3

    Before even watching the video, why would you want to return html which then gets handled by some js to make it into js version of the dom (shadow dom) to then compile it back to regular html???
    EDIT: after watching I still dont like the approach with react specifically, svelte or lit would be better if you are attempting this stuff

  • @JonathanDunlap
    @JonathanDunlap ปีที่แล้ว +1

    Wouldn't Astro JSX templates be a better alternative than this React frontend mounting complexity?

  • @luishenriqueandradepellizz680
    @luishenriqueandradepellizz680 ปีที่แล้ว

    “Never ask if a woman is pregnant” OMG that made me remember when I was 14 and was going home after work with my friend on the bus, and I offered my seat to a woman and I was insisting that she can seat there, until I said “look you can seat here no problem, you might need to relax your legs and mind your baby”, and she responded “ I am not pregnant”
    I wanted to die

  • @austincodes
    @austincodes ปีที่แล้ว

    Let's go 😂 somebody actually combined them

  • @teodor-valentinmaxim8204
    @teodor-valentinmaxim8204 ปีที่แล้ว +12

    Ok, I'm new to this HTMX thing, but isn't the whole point of HTMX to reduce the use of JS?

    • @md.mohaiminulislam9618
      @md.mohaiminulislam9618 ปีที่แล้ว +5

      It's for people hating js and the baggage that comes with it's frameworks/libraries.
      But it's handy for small projects.

    • @ea_naseer
      @ea_naseer ปีที่แล้ว

      ​@@md.mohaiminulislam9618well the philosophy is that one shouldn't roll an app such as Vue or React to build a simple website but in the mordern web writing html, CSS and JavaScript by hand is hell. Hence, HTMX.

    • @PanosPitsi
      @PanosPitsi ปีที่แล้ว +2

      Htmx still has js it just abstracts it away from you. It’s basically tailwind for js.

  • @michaelhashimoto1650
    @michaelhashimoto1650 ปีที่แล้ว

    I’ve literally read this article like 10 times, i’m too dumb to understand. i’m so glad he’s going over it. haha

  • @jfftck
    @jfftck ปีที่แล้ว

    Is this Tom’s alias, or were the names changed in the JDSL story?

  • @u9vata
    @u9vata ปีที่แล้ว

    One word: Overbloated.

  • @c0ldfury
    @c0ldfury ปีที่แล้ว +1

    This is like driving down to the store by loading your car onto an 18-wheeler vehicle transporter then unloading it on the other side and parking.

  • @PwrXenon
    @PwrXenon ปีที่แล้ว +1

    Never disgrace the dom with react ever again

  • @fran471
    @fran471 ปีที่แล้ว +1

    hell yeah brother

  • @TurtleKwitty
    @TurtleKwitty ปีที่แล้ว

    React brain right there with that blog author sweet hell, vue is made for exactly this use case XD

  • @wyndmill
    @wyndmill ปีที่แล้ว +1

    wild

  • @sarjannarwan6896
    @sarjannarwan6896 ปีที่แล้ว

    This reminds me of the Noah's ark family guy meme.

  • @binarynightowl8252
    @binarynightowl8252 ปีที่แล้ว

    Man this is just pain

  • @griffadev
    @griffadev ปีที่แล้ว

    Think custom elements + custom events +htmx has the potential to be very interesting for certain apps. The react bit is pointless though

  • @Bockwurstwecken
    @Bockwurstwecken ปีที่แล้ว

    This is basically the same thing that Stimulus is doing in Hotwire. Just saying

  • @apoguy322
    @apoguy322 ปีที่แล้ว +7

    but why?

    • @z-aru
      @z-aru ปีที่แล้ว

      I guess the idea is to mimic react server components, but with htmx as the control

    • @goldenknowledge5914
      @goldenknowledge5914 ปีที่แล้ว

      Just cause

  • @shiyaamcodes7428
    @shiyaamcodes7428 ปีที่แล้ว

    Yeah science Mr White

  • @jwoods9659
    @jwoods9659 ปีที่แล้ว +3

    Or we can just start using Vue, I'm a new dev and the entire React space looks like a freakin mess

  • @LDdrums20
    @LDdrums20 ปีที่แล้ว

    Why would anyone do this?

  • @anon-fz2bo
    @anon-fz2bo ปีที่แล้ว

    only in js do u have constructors which take in call backs... just because 🥴🤦‍♂️

  • @MobiusCoin
    @MobiusCoin ปีที่แล้ว

    Seems like Alpine would be better here.

  • @seethruhead7119
    @seethruhead7119 ปีที่แล้ว

    both lie-berrys

  • @abderrahmanekhe1040
    @abderrahmanekhe1040 ปีที่แล้ว +4

    Hello prime I'm 16 yold and I started learning programming since I was 11, and I'm passionate about IT and CS, I want to know if there is space for me when I graduate to have a job? from my perspective all the companies now that are laying off software engineers, I don't think that I would stand a chance for finding a job, and I would like to here from someone that have a job if they think that SWE still have job opportunities regarding the thousands of graduates every year and thousands of unemployed engineers, I could say that I have experience (of 5 years) and I made a lot of apps and I use nvim should I graduate in SWE or find another domain that will guarantee me a job in the future? btw I'm from Morocco and I would like to study in the us and is there a way to skip some classes that I already studied as self thaght? And I would appreciate to here from you guys!

    • @kira.179
      @kira.179 ปีที่แล้ว +1

      Well cs jobs are not going anywhere in the next 5-10 years at least, but you never know may be tomorrow announces their project X in which code evolves itself fixes it self😂. At the end do what you like... Want money? Do business. Love computers? Stick to programming..

  • @yojou3695
    @yojou3695 ปีที่แล้ว

    nooooooo

  • @TheBswan
    @TheBswan ปีที่แล้ว

    I hate this so much

  • @jamesgphillips91
    @jamesgphillips91 ปีที่แล้ว

    Look… I get you need content but this is just bad. Yes a mutation observer is nilla use effect rofl. Whyyyyyyy

  • @jacoblockwood4034
    @jacoblockwood4034 ปีที่แล้ว

    First comment :p Excited for the video!

  • @depafrom5277
    @depafrom5277 ปีที่แล้ว +1

    Htmx is a good solution for small apps with very low UX expectations.

    • @depafrom5277
      @depafrom5277 ปีที่แล้ว

      ...for everything else it creates a $hit show, cluster Fuc# on the the backend - try integrating high qualify UX view components etc. and see the absolute unmaintainable mess you end up with.

    • @DrKartoffelsalat
      @DrKartoffelsalat ปีที่แล้ว +2

      What you meant to say is, you have skill issues?

    • @depafrom5277
      @depafrom5277 ปีที่แล้ว

      @@DrKartoffelsalat Amazing statement based on so little information about me. - which suggests a Dunning-Kruger on your end.

  • @errormaker1
    @errormaker1 ปีที่แล้ว

    Just no

  • @wolfeygamedev1688
    @wolfeygamedev1688 ปีที่แล้ว +1

    Beautifully awful

  • @thesaintseiya
    @thesaintseiya ปีที่แล้ว +1

    First, finally. Hi prime

    • @AG-ur1lj
      @AG-ur1lj ปีที่แล้ว +2

      Damn, I didn’t even think to check