Ethan Niser
Ethan Niser
  • 10
  • 486 362
The secret to why React feels so fast
HUGE SHOUTOUT TO @t3dotgg FOR LETTING ME RECORD IN HIS AMAZING STUDIO
But concurrency is really cool- hopefully fibers make a bit more sense after watching!
Check out the code here: github.com/ethanniser/fiber-from-scratch
This video is inspired by: ua-cam.com/video/S0umEpJrERc/v-deo.html
FOLLOW ME ON TWITTER- ethanniser
Переглядів: 4 788

Відео

The PROBLEM With Error Handling in Typescript (and how to fix it)
Переглядів 10 тис.4 місяці тому
HUGE SHOUTOUT TO @t3dotgg FOR LETTING ME RECORD IN HIS AMAZING STUDIO (thats why the audio sounds so good...) Thanks for watching! (and sorry I forgot to fullscreen vscode oops) FOLLOW ME ON TWITTER- ethanniser Check out Effect: effect.website Script Source: github.com/ethanniser/youtube/blob/main/scripts/09-the-problem-with-error-handling-in-typescript.md Code Source: github.com/et...
What is Concurrency? And how can Structured Concurrency make it easier?
Переглядів 3,6 тис.5 місяців тому
Thanks for watching! "Go statement considered harmful" blog post (READ THIS!) - vorpus.org/blog/notes-on-structured-concurrency-or-go-statement-considered-harmful/ Check out Effect: effect.website Script / Slides Source: github.com/ethanniser/youtube/blob/main/scripts/08-wtf-is-concurrency.md Sources: - Notes on structured concurrency, or: Go statement considered harmful - njs blog - vorpus.org...
Build a Multi-Tenant B2B App With BUN and HTMX - FULL COURSE
Переглядів 50 тис.Рік тому
A complete tutorial building a multitenant B2B SaaS application deployed to the edge with the BETH Stack. PROJECT REPO- github.com/ethanniser/beth-b2b-saas 'beth-stack' and 'create-beth-app' repo: github.com/ethanniser/the-beth-stack Thank you to Turso for sponsoring this video. You can get 10% off if you choose to upgrade to their paid plan within 30 days of signing up with my link: turso.tech...
The Bun 1.0 Tech Stack
Переглядів 67 тис.Рік тому
BETH Stack BEST Stack HTMX View Transitions App - htmx-vt-test.fly.dev/ Source Code - github.com/ethanniser/htmx-vt-test Thumbnail Tweet - saltyAom/status/1688461688100864001?s=20 Eylsia / Axum Benchmark - web-frameworks-benchmark.netlify.app/result?f=axum,elysia Bun - bun.sh/ Elysia - elysiajs.com/ Turso - turso.tech/ HTMX - htmx.org/ kitajs/html - github.com/kitajs/html FOLLOW ME ...
Theo should use Effect
Переглядів 37 тис.Рік тому
Thanks for watching! Theo's Video: ua-cam.com/video/f2Z1v3cqgDI/v-deo.html Live Example Site: theo-effect-promise.vercel.app/ Github Repo For This^^ Site: github.com/ethanniser/theo-effect-promise My 30min "Effect For Beginners" Tutorial: ua-cam.com/video/fTN8BX5qj6s/v-deo.html Effect Website/Docs: effect.website/ Thisweekinreact Seb's Tweet: sebastienlorber/status/16915105631620136...
Effect for Beginners
Переглядів 16 тис.Рік тому
Thank you to the Effect team for sponsoring this video LINK TO GITHUB REPO WITH ALL CODE: github.com/ethanniser/effect-for-beginners Effect Docs: effect.website Effect Discord: discord.gg/effect-ts Effect Github: github.com/effect-ts Slides Created With: animotion.pages.dev/ Content Credits: Ideas and Snippets: Effect Documentation- effect.website/ Markdown Source Code Transcript: github.com/et...
The BETH Stack: Build Hypermedia-Driven Web Apps with Great DX and Performance
Переглядів 244 тис.Рік тому
An opinionated way to build web apps in 2023 LIVE SITE (down rn because I needed the database for another project but new video coming soon)- the-beth-stack.fly.dev/ PROJECT REPO- github.com/ethanniser/the-beth-stack Bun - bun.sh/ Elysia - elysiajs.com/ Turso - turso.tech/ HTMX - htmx.org/ typed-html - github.com/nicojs/typed-html tailwind-css - tailwindcss.com/ drizzle - orm.drizzle.team/ hype...
Effect: Typescript That Scales
Переглядів 16 тис.Рік тому
YOU ARE FREE TO REACT TO THIS VIDEO Effect Docs: effect.website Effect Discord: discord.gg/effect-ts Effect Github: github.com/effect-ts Content Credits: Small Thoughts: No Boilerplate- www.youtube.com/@NoBoilerplate Small Informational Bits: Effect Documentation- effect.website Tweet: Cory House- housecor/status/1676977441804283904?s=20 Markdown Source Code Transcript: github.com/e...
Effect: Next-Generation Typescript
Переглядів 38 тис.Рік тому
YOU ARE FREE TO REACT TO THIS VIDEO Effect Docs: effect.website Effect Discord: discord.gg/effect-ts Effect Github: github.com/effect-ts HUGE SHOUT TO @NoBoilerplate www.youtube.com/@NoBoilerplate please check out his channel for very high quality rust ( more) content Content Credits: Video Style and General Outline: No Boilerplate- www.youtube.com/@NoBoilerplate Small Informational Bits: Effec...

КОМЕНТАРІ

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

    I don't understand why you need to lie to typescript and how constructors protect you from that

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

    Hey, look! The word I always saw on my react traces finally explained

  • @10zDelek
    @10zDelek 13 днів тому

    theo thats you?

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

    Effect should have been built into JavaScript. The JavaScript Promise API should have been Effect itself!

  • @sasewebmaster
    @sasewebmaster Місяць тому

    The GOAT

  • @sarunas8002
    @sarunas8002 Місяць тому

    Gr8 stack for todo app

  • @monogram6357
    @monogram6357 Місяць тому

    Can you please do more video on this? I get stuck on context

  • @AvanaVana
    @AvanaVana Місяць тому

    Wait, is Ethan living in Theo’s studio? Or did he copy the set? Great video. Although it seems to be that the preemptive model of concurrency used by fibers is ultimately more “co-operative”. Feels to me like the difference is more like “explicit” vs. “implicit”. Like calling “await” is an explicit way of getting concurrent behavior, whereas the fibers are “implicitly” concurrent. Also, why “fiber”? Is it meant to be fiber as in a “bundle” of tasks, like a bundle of fibers?

  • @PaulPhilp-pe5oe
    @PaulPhilp-pe5oe Місяць тому

    Masterful. Love your passion.

  • @asmr_developer7777
    @asmr_developer7777 Місяць тому

    Your VsCode Theme name ??

  • @kokito-kokoa
    @kokito-kokoa Місяць тому

    damn this is so cool... how do you know so much 😫

  • @petar567
    @petar567 Місяць тому

    Can I ask from where I can read more about this fiber concept? It's very interesting and would like to delve into it more. Great video!!

    • @ethanniser
      @ethanniser Місяць тому

      Idea came from Effect- check the video in the description

    • @ethanniser
      @ethanniser Місяць тому

      Actually honestly just read this github.com/Effect-TS/effect/blob/main/packages/effect/src/internal/fiberRuntime.ts

  • @seannewell397
    @seannewell397 Місяць тому

    @ 0:56 Feels like if you had 1st third / last 2 thirds split of your screen where 1st split is words and 2nd split is examples you wouldn't need the cut away and it'd flow better but that's just me. you got the concept, you got the example - those are the ingredients to some good learning pie my man.

  • @crimsonautumnsun
    @crimsonautumnsun Місяць тому

    what's your network/cpu/gpu/ram/ssd usage program running in the top bar? need that in my life!

    • @ethanniser
      @ethanniser Місяць тому

      github.com/exelban/stats + bartender

  • @prashlovessamosa
    @prashlovessamosa Місяць тому

    hey mr ethan I was reading NextFaster code some of the stuff I dont understand whenever you have time can you please make a video like a long one building it from scratch. thats it thanks

  • @kkebo
    @kkebo Місяць тому

    Theo long lost brother?

  • @bradyfractal6653
    @bradyfractal6653 Місяць тому

    React doesn’t feel fast. The render model is bad. All this abstraction to bandaid a bad abstraction leaves you with a pile of bad abstractions… no? Every other framework avoids this with a fine grained reactivity model. React should have been rewritten from scratch years ago.

  • @mustafazakiassagaf1757
    @mustafazakiassagaf1757 Місяць тому

    theo looking kinda young today

  • @JagaSantagostino
    @JagaSantagostino Місяць тому

    Interesting, thank you. Side note, the AI suggestions are very distracting

    • @ethanniser
      @ethanniser Місяць тому

      Agreed- will disable for the future

  • @scarlatum
    @scarlatum Місяць тому

    I don't know why, but for some reason all React devs looks same... They even sound similar. It's disturbing as f

  • @bagfleet
    @bagfleet Місяць тому

    Great vid, more of this please!

  • @StingSting844
    @StingSting844 Місяць тому

    Great stuff. But please keep mobile in mind for future videos. I can't read the text on the screen

    • @ethanniser
      @ethanniser Місяць тому

      My apologies Will keep in mind for next time

  • @zorzysty
    @zorzysty Місяць тому

    Ethan, blink twice if you're held hostage by an evil skater boi

  • @dasdeck
    @dasdeck Місяць тому

    can't you just split your code in between "setTimeout(0)" calls to free the message loop from time to time? not sure why we would need a second event loop?

  • @nomadshiba
    @nomadshiba Місяць тому

    react feels fast?

    • @neociber24
      @neociber24 Місяць тому

      Unless you are rendering a game with divs, yes

  • @Rmp613
    @Rmp613 Місяць тому

    Great vid

  • @mac.ignacio
    @mac.ignacio Місяць тому

    Feel Fast is different from being Fast 😂😂😂😂

  • @samuelgunter
    @samuelgunter Місяць тому

    is ethan stuck in theo's basement?

    • @elcharitas
      @elcharitas Місяць тому

      I was going to say the same thing 😂

    • @RiazAr
      @RiazAr Місяць тому

      @@elcharitas also i am😂😂😂

  • @nm6x
    @nm6x Місяць тому

    Keep at it kid, you rock 🎉

  • @KingStructre
    @KingStructre Місяць тому

    Throws at start lazy evaluation about entire function, but it usually means about the arguments of the arguments and they are not lazy evaluated in his code….

  • @Lemmy4555
    @Lemmy4555 Місяць тому

    I did not see Fast and React in the same sentence for a long time lol

  • @bluemilky4599
    @bluemilky4599 Місяць тому

    so professional hello?!

  • @elie2222
    @elie2222 Місяць тому

    Controlled concurrency is huge. Solves a lot of problems I was using queues for

  • @Dogo.R
    @Dogo.R Місяць тому

    I mean I define non-blocking as JavaScript on a web worker like via partytown. it's literally never blocking the main thread. Id call what you're talking about "concurrency compliant".

    • @Dominik-K
      @Dominik-K Місяць тому

      Same for me, that's how I would describe it as well

    • @nomadshiba
      @nomadshiba Місяць тому

      yes

  • @additionaddict5524
    @additionaddict5524 Місяць тому

    came for react, stayed for effect

  • @bean_TM
    @bean_TM Місяць тому

    I know you edit for Theo, but the style is an almost exact copy of his lol. I think it'd be nice to have something more unique. even your intonation in your vice is the same

    • @michaelfrieze
      @michaelfrieze Місяць тому

      It's a joke. He's in Theo's studio.

  • @PartneredAdmin
    @PartneredAdmin Місяць тому

    Hi. It's erroring out when i try to do bun db:push on win11 or macos all latest hw and sw. Thought this was nice to try but oh well.

  • @PartneredAdmin
    @PartneredAdmin Місяць тому

    Q: How easy is it to deploy to Netlify?

  • @PartneredAdmin
    @PartneredAdmin Місяць тому

    what is the variable DATABASE_CONNECTION_TYPE referring to exactly in the .env?

  • @PartneredAdmin
    @PartneredAdmin Місяць тому

    Q: Ethan hi can you update the repo so that everything is using latest version? Can you tell me how you would do that manually so i can get that done asap. Just want to be sure I'm in sync with your thinking process ;-)

  • @PartneredAdmin
    @PartneredAdmin Місяць тому

    Ethan this is simply gold!

  • @codeantlers485
    @codeantlers485 2 місяці тому

    Great video, Ethan! You do acknowledge Erlang, but I think the framing could give it more credit. The concurrency challenges you describe-like race conditions, structured concurrency, and managing parallelism-are definitely contemporary issues for many languages, but Erlang and the BEAM VM solved these decades ago. Concepts like message passing, preemptive scheduling, and supervision trees have been foundational in BEAM-based languages since the '80s. What’s being positioned as cutting-edge today has been core to Erlang for over 30 years, so while these are still challenges for many, for BEAM languages, they’re old news!

  • @kim92se64
    @kim92se64 2 місяці тому

    Thank You So Much !

  • @Marxone
    @Marxone 2 місяці тому

    I am here for the algorithm destruction!

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

    One major Issue I see with Effect lib is the difficulty it has for new devs, I cannot have this code in a small scale company like mine and expect the people working with me to be able to maintain it.

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

    i was here before 15k just letting yall know

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

    Theo should learn to code before opening his mouth

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

    Really nicely narrated. The Effect library syntax is overly complex, if I came across that in somebody else's codebase I wouldn't have a clue what it did without looking it up

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

    Underrated video

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

    Stop with f°°°° to-do-list haha <3