Prime Reacts: The Story of React

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ •

  • @ThePrimeTimeagen
    @ThePrimeTimeagen  Рік тому +67

    The author, @uidotdev, makes some of the most quality videos out there. The time he took on this video must of been immense! GIVE HIM A SUB TO SAY THANK YOU
    Original: ua-cam.com/video/Wm_xI7KntDs/v-deo.html
    Author: www.youtube.com/@uidotdev

  • @SownJevan
    @SownJevan Рік тому +126

    I have been having so much fun with these reactions, because it's about the information you provide. I have watched all this videos and as someone who does not have much experience in these sorts of details, I can't critique the videos and so to me I believe the videos but with you doing a counter argument with reference to the videos argument gives me a much better overall understanding of the history and direction of programming. I hope you would continue this prime.

    • @ThePrimeTimeagen
      @ThePrimeTimeagen  Рік тому +53

      Thank you my man. I feel like it's more fun to have conversational items as opposed to just strictly teaching videos

    • @roccociccone597
      @roccociccone597 Рік тому

      I’m a professional engineer. I always learn new stuff thanks to him. And his enthusiasm makes me want to go deeper into some topics

  • @federicomedinauy
    @federicomedinauy 11 місяців тому +6

    I remember when I first heard about React, and it just made so much sense to me.
    I come from a gaming background. There, we need to render the entire screen every frame. UI included. So that mental model transferred seamlessly to React.
    The virtual DOM was such a hot topic back then, too. Yet, its an implementation detail required for good performance, but there’s nothing too amazing about the idea (the implementation might have some amazing code, idk).
    All in all, I’m pretty happy with React and today’s Function Components, which are even more alike developing UIs in videogames (as opposed to Class Components).

  • @ettaroo
    @ettaroo Рік тому +165

    Please never stop

  • @chriseadie7089
    @chriseadie7089 Рік тому +52

    My favourite part about debugging on IE is when just opening the dev tools caused the js to behave differently

    • @SpaceMarine113
      @SpaceMarine113 Рік тому +5

      lmao is this true? did this actually happen? *insert elon meme*

    • @Masterrunescapeer
      @Masterrunescapeer 4 місяці тому

      @@SpaceMarine113 yes, since console.log can/could have the script stop executing after console.log, but if dev tools were open, it would keep executing.
      At least you get the one console log with error, Safari is great as console.log at one point (not sure if still valid) would just always (silently) fail if it got to console.log.
      Was great in ~2020/21 we started having doing a banner at the bottom saying use a different browser with icons of FF, Chrome, and Edge for users that they could not get rid of, since we were rolling out advanced css grids beginning 2021 that would completely break the page for them (this was a dashboard for a service, css grid greatly simplified layouts).

  • @hglbrg
    @hglbrg Рік тому +53

    Chat: *ries to look like developers and belonging* "jQuery, ugh eew jQuery, jQuery lol (do I belong now? do I have the right opinions?)"
    Prime: "jQuery was a godsend!"
    Chat: "loved jQuery, jQuery was the best, jQuery rocked. omg jQuery was amazing!"

    • @ThePrimeTimeagen
      @ThePrimeTimeagen  Рік тому +33

      they are all just pliable

    • @3nt3_
      @3nt3_ Рік тому +3

      this is so annoying with the primeagen chat they never have original thoughts

    • @thekwoka4707
      @thekwoka4707 Рік тому +2

      jQuery WAS good.
      It's been bad for a long time. Like 5 years.
      Nowadays it's really bad.
      10 years ago, it was amazing.

    • @thekwoka4707
      @thekwoka4707 Рік тому +2

      @@3nt3_ more likely it's different people

  • @DerrickBommarito
    @DerrickBommarito Рік тому +4

    I wrote a client side map app for nautical shipping charts with stuff like route planning, port navigation waypoints, piracy danger zone layer drawing, live-ish updates of known ship locations and port/commodity icons.... in 2011 with jQuery. Had to support IE because every enterprise customer was still mired in the IIS intranet hellscape of activex web applications. What a wild ride.

  • @WilliamGKZhang314
    @WilliamGKZhang314 Рік тому +27

    Don't know if they covered this in the video you're reacting to, but I believe a big reason React grew in popularity was because of the Angular 2.0 announcement. People were so pissed that it wouldn't be backwards compatible and essentially a new framework that the community scrambled to find an alternative. Ember and React were two major alternatives and React was way more flexible.

  • @marcusrehn6915
    @marcusrehn6915 Рік тому +23

    I think the real reason that it won is that Angular, called Angular 2 at the time really felt verbose enough that it felt like working in Java swing.
    JSX looked bonkers to me at first, but I really think it's the best feature to come out of the React "eco system".

    • @sk-sm9sh
      @sk-sm9sh Рік тому +4

      5 years working with react, still think JSX is de dumbest thing. It actually would be better if it was just plain js, as it's possible instead of to just design it to be SomeStuff(...) - the way it's done in Flutter. JSX syntax just contributes absolute nothing yet it adds complexity. It may be helpful copy-pasting html but I hardly ever done that as I tend to use some sort of component libs that abstract away html thus code isn't really html to begin with. Yet when it comes to writing html - a dedicated template language would just still make things so much better. The win of JSX is just that it gives good intellisense - problem with old school template languages is that they didn't think of that part. Yet modern template languages often come with static validation and intellisense.

    • @Slashx92
      @Slashx92 Рік тому +3

      @@sk-sm9shwith jsx you have all the attributes of html elements (not that in flutter that isn’t true) expressed as html attributes. I can see why a custom component would not gain anything from jsx sintax, most components will use html elements, and those are so much better written as html elements instead of using a constructor function

    • @sk-sm9sh
      @sk-sm9sh Рік тому

      @@Slashx92 html attributes can be expressed as properties you don't need jsx to express properties. But it's still even better to write html using templating language as they are much more effective in building html compared to jsx. And you say that mostlly html is used but in fact in many cases how React is used today most code is not html - instead it's built on top of ui frameworks for instance Radix UI and in fact writing html tags becomes antipattern as it's too low level to express applications. If you're building website then yes html is the way. If you're building application and you're writing UI in html you have big problem as you're using language that is too low level instead it's necessary to build UI components (from html) and then build applications from UI components. And then you get worst of both worlds - if you take a look at implementation of React based UI component libraries -- it's nightmarish as there is always very small ratio of html versus javascript and custom hacks with passing references to html nodes and then working on top of DOM (forwardRef is necesary every time) to work around React limitations. And then in application-level code there is no benefit of JSX because there is no html.

  • @Mikenight120
    @Mikenight120 Рік тому +4

    Damn this consistent content! I love it, thanks to u I am trying out svelte, learning to master my tools, learning how to type fast, and enjoying the way I learn. You are a true inspiration. Never stop posting content, you are changing lives!

  • @neodeltai
    @neodeltai Рік тому +14

    Programming JS in the dark ages was so bad, we put up with ActionScript and Flash just to escape it.

    • @disguysn
      @disguysn Рік тому

      I loved AS back in the day.

  • @theondono
    @theondono Рік тому +111

    As someone who has 0 idea about web, it’s amazing to me seeing the web being reinvented every 3 years with ideas from the 80s 😂

    • @BusinessWolf1
      @BusinessWolf1 Рік тому +9

      You're gonna laugh your ass off when Rust replaces JavaScript and ALL the tools need to be re-written.

    • @anandmahamuni5442
      @anandmahamuni5442 Рік тому +2

      ​@@BusinessWolf1 I am very nooby dev, but is it really possible or is it just hype? Because to get rid of JS would be suprr

    • @lastrae8129
      @lastrae8129 Рік тому +8

      @@anandmahamuni5442 You can interact with the dom with WASM, but it's not on par with the js ecosystem as of now.

    • @laughingvampire7555
      @laughingvampire7555 Рік тому

      @@anandmahamuni5442 with wasm all you need a compiler from your favorite language to wasm and you are set, no need to use js anymore.

    • @xXtim128Xx
      @xXtim128Xx Рік тому +4

      @@lastrae8129 You cannot interact with the dom, atleast directly. JavaScript interopt is necessary

  • @tbfromsd
    @tbfromsd Рік тому +7

    Back when I was forced to support IE6 until MS finally killed it, jQuery saved me hours of writing polyfills and crazy xhr request. It was truly awe inspiring in its time when you first learned how to use it.

    • @ruukinen
      @ruukinen Рік тому +1

      The amount of times I had to beg and plead, with data to back me up, that we should no longer support any version of IE since the last version was already declared EOD a year ago still gives me nightmares.

  • @AndrewTSq
    @AndrewTSq 5 місяців тому +2

    Modern web devlopers "How do you show an image on a webpage without using react??? its not possible? what library did you use?"

  • @AlJey007
    @AlJey007 10 місяців тому

    The initial idea of react was absolutely beautiful and for the "web world" revolutionary. A lot of that magic was lost over time and the way that we use it today leads most people to not even know what the original idea was and how brilliantly simple it was or that it was inspired by how video games work.

  • @adrianprayoga335
    @adrianprayoga335 Рік тому +12

    can't wait the story of solid js in 2-3 years later

  • @joshuastories
    @joshuastories Рік тому +1

    Please never stop, never stopping

  • @michaeljmeyer3
    @michaeljmeyer3 Рік тому +1

    This was more sentimental to me than those 'kids in the 90s nostalgia trip vids'.
    JQuery was terrible, but it was everywhere just as agile/scrum was going everywhere, and I feel like they had the same issue: overloading their purpose.
    Backbone and AMD -- man, that was my jelly. I programmed apps, games, firmware, but something about Backbone and AMD on web dev really made me appreciate architecture and more wholistic thinking around language, tooling, and framework integration.
    Also, moving from vim v emacs to grunt v gulp was probably the highlight of my two-tennies.

    • @michaeljmeyer3
      @michaeljmeyer3 Рік тому

      I was hoping to see more on Angular. I hated AngularJS (1), but I had to use it all over the place. I worked on Angular (2+) and it was ok. But React v AngularJS is important to React's history. AngularJS devs were hard core.
      I worked at a 2018 startup that built everything in Angular 1.4.. Upgrading it, architecting around it ... really reenforced why react 'won' against AngularJS and even its younger chad brother, Angular.

  • @Burgo361
    @Burgo361 Рік тому +1

    CSS is probably why I never considered php a problem when you are using css everything that isn't css is a relief

  • @thekwoka4707
    @thekwoka4707 Рік тому

    I agree that seeing JSX and stuff looks really nice right away.
    That stuff is still all good.

  • @AQUTENOLEJ
    @AQUTENOLEJ Рік тому +1

    19:10 deno is probably pronounced like the brontosaurus on the flintstones given they have a brontosaurus as the logo. But I think the inspiration for the name came from Ryan dahls obsession with the letters N-O-D-E.

  • @ddomingo
    @ddomingo Рік тому

    I remember those early frontend war days clearly. Cool times for sure!

  • @DanielJones117
    @DanielJones117 Рік тому

    @15:30 it was like video games from the 90s to the 2000s

  • @ddomingo
    @ddomingo Рік тому

    Same here. jQuery was fantastic! Cross browser support was incredible.

  • @Joshua.Developer
    @Joshua.Developer 3 місяці тому

    It won becuase it's in complete and does not come with a fullset of things you need, THUSLY you can create and charge for things like ORMS. and auth many things you have to pay for. So it's just like Wordpresss or Shopify in a way.

  • @Slashx92
    @Slashx92 Рік тому +1

    When react was presented with the dev tools that allowed you to set a state, or go back to previous states in the browser, that’s where my balls dropped.

  • @lcarv20
    @lcarv20 Рік тому +1

    12:16 Your best selfies are the UA-cam thumbnails!

  • @laughingvampire7555
    @laughingvampire7555 Рік тому +1

    back in 2015 when I was in a startup, they were using jquery I wanted react and the CEO said no, but today I would prefer to use jquery for mostly static sites and elm for mostly dynamic sites.

  • @elliottmarshall1424
    @elliottmarshall1424 Рік тому

    I was using flash and not jquery, then went from flash to angular/react.
    Now I’m migrating a backbone/handlebars app to react

  • @kahnfatman
    @kahnfatman 4 місяці тому +1

    I start web development around 2004 in college. JS and DOM were all that were. Not until 2007 or so did we have AJAX and mooooootooooools LOL.
    It was fun. The new generation of web developers are full of spoiled React Andies, who cannot manipulate DOM or dis XML as unlearnable, let alone segfault and memory leak.

  • @DummyFace123
    @DummyFace123 Рік тому +1

    Getting ie6 to do anything you wanted it to do, you had to make the website twice

  • @RedHandedBug
    @RedHandedBug Рік тому +3

    More people explaining how the experience was with jquery back when it was new pls.

    • @korzinko
      @korzinko Рік тому +1

      jQuery is still amazing if you have to deal with a lot of dom traversal/manipulation on top of HTML.
      You can find elements, change class, add attributes and attach event listeners all in the single expression.
      Only problem is it's sheer size.
      But you can get most of the jQuery just in 6kb by using cash-dom.

  • @bhasim4299
    @bhasim4299 Рік тому

    honestly I like Jquery. it feels like the native js dom api, with helper functions.

  • @orthodoxcaveman5819
    @orthodoxcaveman5819 Рік тому

    Holy shit I remember that video of the people falling on national tv here in Portugal xD

  • @Diamonddrake
    @Diamonddrake Рік тому +2

    If you didn’t dev through the age of jquery it’s so hard for you to understand how much it changed the web.

  • @faridguzman91
    @faridguzman91 Рік тому +1

    Vue is view in french , just like Vite (veet) is speed

  • @JLarky
    @JLarky Рік тому +6

    18:18 it's pronounced vite, not vite

    • @ThePrimeTimeagen
      @ThePrimeTimeagen  Рік тому +6

      How dare you coming here and talk to me like that

    • @JLarky
      @JLarky Рік тому

      @@ThePrimeTimeagen it's for everyone's benefit :) I was curious what was the reason :)

  • @Ataraxia_Atom
    @Ataraxia_Atom Рік тому

    That carpet slip legit had me dying

  • @wadecodez
    @wadecodez Рік тому

    That CMake analogy is so true. Vite is a game changer. What does that analogy make Webpack/Babel?

    • @lunafoxfire
      @lunafoxfire Рік тому

      the analogy is that they are CMake but written in javascript...

  • @code_with_om
    @code_with_om Рік тому

    I built the whole app in knockout and bootstrap 3 years back😅

  • @kawaiiaimee9072
    @kawaiiaimee9072 Рік тому +1

    My developer bf: Docker? I hardly know'er

  • @InkFPS
    @InkFPS Рік тому

    Nextjs intro docs provide clear insights, and through its examples, grapple the practilities of 'why react' that the uidotdev video doesn't quite reach. Good video nonetheless from a historical perspective.

  • @dovh49
    @dovh49 Рік тому

    For my personal web apps I use HTMF, a HTMX-like minimal library. I write it in a service worker for an offline-first web experience. I like the simplicity. State is handled by IndexedDB partial page updates from HTMF and sometime full page refreshes (one of my apps doesn't use HTMF and I've just been doing full page refreshes from the service worker, but some parts would benefit from it so I'll be adding it).
    The soccer app I have has so much state on one of the pages that a page refresh (or rather most of the page is refreshed but not all of it) doesn't cut it. So, I'll be changing just that one page over to Svelte.

  • @imyerf5382
    @imyerf5382 Рік тому +1

    Where in Montana?!
    Bozeman/Helena Dev here
    Love your stuff

    • @ThePrimeTimeagen
      @ThePrimeTimeagen  Рік тому +1

      Grew up in billings,
      spent 10 years in Boz (before it went crazy, lived out in four corners)
      you are helena? I have a good friend there!

    • @imyerf5382
      @imyerf5382 Рік тому

      @@ThePrimeTimeagen I went to high school in Helena but have been in Bozeman otherwise since 2005, probably know some of the same people

    • @imyerf5382
      @imyerf5382 Рік тому

      @@ThePrimeTimeagen my parents still live in Helena and a good amount of the homies still live there. I was at MSU for 15 years 05-20 as a student then employee

  • @veloaddict
    @veloaddict Рік тому

    before jquery there was prototypejs and his sibling scriptaculous, i feel old

  • @tokiomutex4148
    @tokiomutex4148 Рік тому +2

    It's all state management

  • @daltonridenhour
    @daltonridenhour Рік тому

    Not only was jQuery incredible, remember when we started to see developer tools like Firebug?

  • @CallousCoder
    @CallousCoder Рік тому +2

    In 1996 I developers the first online bookstore here in the Netherlands. My employer then is the largest book- and stationary store and they wanted to jump at this new thing called the web.
    And obviously they go the only IT guy (me) to build this. I have gotten a severe trauma! Writing header parser in C to be parsed and run quick enough because we only had cgi-bin and Perl simply was too big to start fast enough. Especially on this “massive 486DX2 with a whopping 64MB”.
    And I as hell! In early 2000s I did a Perl cgi-bin and later a PHP as invoice and hour registration tool
    For my old boss and that crap is still running 20 years on.
    But that was it, I didn’t want to deal with web crap anymore till last year and seriously last month when I wrote a strategic puzzle game.
    It’s a hell of a lot easier now, but still not fun! If you ever write fat client UIs you just loathe the web!

  • @NoName-1337
    @NoName-1337 Рік тому

    3:25 true. JQuery was the best lib in the world back then. Good old times.

    • @sk-sm9sh
      @sk-sm9sh Рік тому

      Really depends what one wanted to do. If you build website which is 80% static and you just need a calendar input - jquery solves this perfectly and is still better than React as it is intended to work on top of static html as opposed to react's approach where whole app must be a react tree. On other hand if you wanted to build big rich app, there was capable frameworks like Dojo toolkit.

    • @ruukinen
      @ruukinen Рік тому

      Until people started to require it to do things that were just as easy to do in native javascript.

  • @jamesmidgley1752
    @jamesmidgley1752 Рік тому

    Web dev with jquery back in day was easier than webdev with immense frameworks now

  • @js-ny2ru
    @js-ny2ru Рік тому +1

    From programming stream he changed to reacting on videos...

  • @MikeCatrone
    @MikeCatrone Рік тому +1

    JQuery made animations a lot easier for me, good days

  • @nomiscph
    @nomiscph Рік тому

    jQuery is the Foundation for the js we know today 🔥

  • @timburstefan
    @timburstefan Рік тому

    What about Angular?

  • @olundqvist89
    @olundqvist89 Рік тому +1

    I see your Yahoo and raise you SUN Microsystems

    • @ThePrimeTimeagen
      @ThePrimeTimeagen  Рік тому

      yes, they were certainly the og group.
      bell > sun > yahoo

  • @LambdaJack
    @LambdaJack Рік тому

    "dirty-checking the model"... "which is expensive"... the less I know the better!!

  • @darkarie
    @darkarie Рік тому

    when are you trying Elm ?

  • @magikworx3748
    @magikworx3748 Рік тому

    Redux blew my mind

  • @danielwalmsley
    @danielwalmsley Рік тому

    I built my first commercial app in Backbone. It was terrible

  • @roteiristadesoftware
    @roteiristadesoftware Рік тому +1

    To understand how important jQuery was, give it a google to see the API compatibility accross browsers before 2007, or just try to write a Generic HTTP request in JS compatible with all different browser APIs, support for IE < 11 and using only the ECMA < 3 version. people should be obliged to do it before writting "Modern Frontend", the tons of shitty code generated by developers that just start with this modern Frames are awfull as f*ck

  • @RedHatTurtle
    @RedHatTurtle Рік тому

    React???? I clicked this expecting the story of the greatest code editor in modern history, Atom!

  • @RuslanKovtun
    @RuslanKovtun Рік тому

    When React just came out there was Angular 1.0 and problems React promised to solve was not solved. So yeah, React was not pleasant experience at first. Specially if you know how to do the same with Angular 1.0.

  • @qm3ster
    @qm3ster Рік тому +1

    "cmake" era of javascript - good
    JSX - bad

  • @nuvotion-live
    @nuvotion-live Рік тому

    The audio of the video you’re watching it too low to hear relative to your mic

  • @MizanHIT
    @MizanHIT Рік тому

    Thank ❤❤

  • @laughingvampire7555
    @laughingvampire7555 Рік тому

    I hate JSX, the first time I used React I found a library that gave you better js functions to use react and avoided JSX and I could interact with React in the browser.

  • @faurametalhead
    @faurametalhead Рік тому

    This video happened because of Dev saying "Meh" LMAO

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

    I was 14 years old coding php clicking games. Wher jquery and ajax came out I felt like an 8 yo o. Christmas

  • @ikirachen
    @ikirachen 6 місяців тому

    i wrote JQ yesterday

  • @the_bookofcooks
    @the_bookofcooks Рік тому

    26:20 I uploaded that clip to my channel! I wonder why he gave that reaction though...

  • @tonybrown7847
    @tonybrown7847 Рік тому

    I love React

  • @lightninginmyhands4878
    @lightninginmyhands4878 Рік тому

    Commentin to put some respect on Yahoo!

  • @ameer6168
    @ameer6168 Рік тому +1

    01:45 we still don't love react

  • @callmefabioo
    @callmefabioo Рік тому +2

    IMPORTANTE!

  • @AQUTENOLEJ
    @AQUTENOLEJ Рік тому

    Lol. I thought the creator of jquery was Jake weary 😅

  • @notapplicable7292
    @notapplicable7292 Рік тому

    No fucking way, do front end web people really have to deal with CMake?

  • @TravisBerthelot
    @TravisBerthelot 7 місяців тому

    Adding a build time to something that does not need a build is just silly. I will never understand the logic behind React after React Native was removed from React. If React supported something other than just HTML5 then it would have a reason to exist.

  • @sinushkin
    @sinushkin Рік тому

    One global state cause to Single thread application.

  • @deecee2204
    @deecee2204 Рік тому

    jquery, Goat!

  • @PrimeGoose
    @PrimeGoose Рік тому

    Angular❤

  • @mattmmilli8287
    @mattmmilli8287 9 місяців тому

    React won because of our lord and savior JSX 🎉🎉

  • @jonbikaku6133
    @jonbikaku6133 Рік тому

    I haven't thought about endo/exonyms since 5th grade so this useless video became interestingly intellectual!

  • @Prod-23
    @Prod-23 Рік тому

    No love for Dreamweaver here eh? 🤣

  • @neofly
    @neofly Рік тому

    jquery owned!

  • @Kane0123
    @Kane0123 3 місяці тому

    8:25 Thats Rick Ross. Very distracting to put garbage in the middle of an otherwise good video

  • @KeplerEmeritus
    @KeplerEmeritus Рік тому

    Hot take: AJAX IS FINE

  • @danm2756
    @danm2756 Рік тому

    Yeah, I dont understand the jquery hate

  • @hsider
    @hsider Рік тому

    Php is better than JS, on every aspect. Ashamed to hear a senior dev like you say that it's horrible 😢

  • @aakarshan4644
    @aakarshan4644 Рік тому

    I feel like some old ass 60s cse research paper would make the new react or web dev tech

  • @chrishabgood8900
    @chrishabgood8900 Рік тому +1

    I liked vuejs first.

  • @massinissachaouchi4595
    @massinissachaouchi4595 Рік тому

    You kind of like the Asmongold of coding but with a better hygiene and more hoddie. I would love to see you play WoW live btw.

  • @xxapoloxx
    @xxapoloxx Рік тому

    I Hate React, its a harder way to do Custom Components...

  • @slendi9623
    @slendi9623 Рік тому

    Please Schrodinger's stop

  • @justanaveragebalkan
    @justanaveragebalkan Рік тому

    Jquery is the dog, would use it any day compared to react :)

  • @cool.guy.
    @cool.guy. Рік тому

    WTF AJAX and vanilla JS was the shit.... I hate Jquery, it's so slow, you guys never had to do SEO huh...

  • @boot-strapper
    @boot-strapper Рік тому

    I hate nextjs. Truly awful.

  • @danvilela
    @danvilela Рік тому

    2023 fad is to create frameworks that it's name doesn't sound like it writes.. Deno, Vite, Zustand.. Really annoying

  • @Kris96431
    @Kris96431 Рік тому +3

    Please stop

    • @ThePrimeTimeagen
      @ThePrimeTimeagen  Рік тому +14

      this is the side channel, go a head, don't watch. unsubscribe. mute the channel. do whatever you want.

    • @Kris96431
      @Kris96431 Рік тому +5

      @@ThePrimeTimeagen just joking around with the other comment, love your videos :)

  • @hexerei02021
    @hexerei02021 Рік тому

    How does jsx relate to cmake?

  • @alihammadshah
    @alihammadshah Рік тому

    Bro I used to write JS for IE6 and remember having quirksmode website open and those crockford douglas js tutorials on yahoo videos website :orgasm: