JSer
JSer
  • 721
  • 519 682
Integrating Shaku becomes so much easier with `shaku-code-annotate-shiki-transformer`!
`shaku-code-annotate-shiki-transformer` is the Shaku transformer for latest Shiki architecture. As a simple transformer, there is way less hassle in its integration, since basically you can use Shaku anywhere Shiki is already supported!
Check it out github.com/JSerZANP/shaku/tree/main/packages/shaku-code-annotate-shiki-transformer
มุมมอง: 154

วีดีโอ

Sign in / Create or fork snippets/ preview console logs .etc| New in React Internals Explorer 0.1.26
มุมมอง 952 หลายเดือนก่อน
🎊 allow me to share with you the latest updates on RIE(React Internals Explorer). sign in / snippet actions(fork, create, edit, list, explore) / better support for Context component / preview console logs / better controls - start over, jump to the end / global keyboard shortcut / persistent speed choice / reading materials for components and more. If you found a snippet helpful, don't forget t...
Inspect `lanes` / why it renders / why it bails out | New in React Internals Explorer 0.1.23
มุมมอง 2662 หลายเดือนก่อน
🎉🎉🎉 Super excited to share with you the update on React Internals Explorer. Now we are able to inspect more on React rendering by just clicking on it! including lanes - priorities of updates / why it renders? / why it bails out? It's super fun to inspect the `RetryLane` of Suspense and bailout of `memo()`, you can find them on the "snippets" button. The changes should be straightforward! Click ...
Suspense, Error Boundary, Breakpoints, Keyboard navigation | New in React Internal Explorer 0.1.22
มุมมอง 1222 หลายเดือนก่อน
Hi I'm a JavaScript engineer who is not good at algorithms, If you are interested, maybe we can learn together. support me: www.buymeacoffee.com/jser
Introducing React Internals Explorer - visualizing how React works automatically
มุมมอง 2K3 หลายเดือนก่อน
React Internals Explorer is a visualization tool to help us inspect how React works under the hood. Check it out jser.pro/ddir/rie For more background on this project, check out my blog post jser.dev/2024-05-11-introducing-rie/
Introducing DDIR(Deeper Dive Into React) on jser.pro
มุมมอง 6234 หลายเดือนก่อน
Hi there, I'm building this course DDIR(Deeper Dive Into React) to fill gap between knowing how to work with React and knowing how React works. It's going to be an interactive journey to help adapt mental model closer to React one. I'm still working on it but the first module is already available. Give it a try and tell me how you feel. jser.pro/ddir/build-a-todo-app-in-vanilla-javascript
433. Minimum Genetic Mutation| LeetCode in JavaScript
มุมมอง 1195 หลายเดือนก่อน
Hi I'm a JavaScript engineer who is not good at algorithms, If you are interested, maybe we can learn together. support me: www.buymeacoffee.com/jser
1868. Product of Two Run-Length Encoded Arrays | LeetCode in JavaScript
มุมมอง 765 หลายเดือนก่อน
Hi I'm a JavaScript engineer who is not good at algorithms, If you are interested, maybe we can learn together. support me: www.buymeacoffee.com/jser
Enhance React.dev with Deeper Dive Chrome Extension | JSer - learning React
มุมมอง 3245 หลายเดือนก่อน
I built a Chrome Extension to enhance React.dev, by adding links to advanced topics. It's open source and accepts PR to add more links. see my blog post: jser.dev/2024-03-27-introducing-deeper-dev/ or install it directly from chrome web store: chromewebstore.google.com/detail/deeper-dive/ljkgdaniingbllgeaelgfeofmohjmphm
React Internals Deep Dive 39 - How useOptimistic() works internally in React?
มุมมอง 4385 หลายเดือนก่อน
useOptimistic() is an upcoming hook in next version of React to help build optimistic UI, we'll dive into its internals to know how it works under the hood. Refer to my blog post for text version jser.dev/2024-03-20-how-does-useoptimisticwork-internally-in-react/
React Internals Deep Dive 38 - How use() works internally in React?
มุมมอง 4966 หลายเดือนก่อน
use() is an upcoming hook in next version of React, we'll dive into its internals to know how it works under the hood. Refer to my blog post for text version jser.dev/2024-03-16-how-does-use-work-internally-in-react/
239. Sliding Window Maximum | LeetCode in JavaScript
มุมมอง 2046 หลายเดือนก่อน
Hi I'm a JavaScript engineer who is not good at algorithms, If you are interested, maybe we can learn together. support me: www.buymeacoffee.com/jser
Babel macro:`runCodeForEnvVar()` - run code conditionally on env var.
มุมมอง 1198 หลายเดือนก่อน
In this video, I'll demonstrate the power of babel macro to help us run code conditionally based on env vars. Also we'll touch a little bit of internals of Vite/esbuild. Check out my blog post if you prefer text version jser.dev/2023-12-14-runforenvvar-macro/
Updates on Shaku
มุมมอง 1379 หลายเดือนก่อน
New Syntaxes, New tools & New Homepage. Allow me to introduce you with the recent update on Shaku. shaku-web.vercel.app/
Migrate TypeScript Code Progressively - Be Progressive!
มุมมอง 16711 หลายเดือนก่อน
I'll demonstrate how it could help us migrate TypeScript code base faster in a progressive approach. For more, visit my blog jser.dev/2023-09-24-progressive-ts-migration/
What's new in TypeScript 5.2 | JSer learning TypeScript
มุมมอง 23711 หลายเดือนก่อน
What's new in TypeScript 5.2 | JSer learning TypeScript
React Internals Deep Dive 2 - How React does initial mount?
มุมมอง 907ปีที่แล้ว
React Internals Deep Dive 2 - How React does initial mount?
How UnoCSS works internally with Vite?
มุมมอง 535ปีที่แล้ว
How UnoCSS works internally with Vite?
Example of concurrent mode in Shaku - use `useDeferredValue()` instead of throttling/debouncing
มุมมอง 163ปีที่แล้ว
Example of concurrent mode in Shaku - use `useDeferredValue()` instead of throttling/debouncing
React Internals Deep Dive 35 - How forwardRef() works internally in React?
มุมมอง 259ปีที่แล้ว
React Internals Deep Dive 35 - How forwardRef() works internally in React?
React Internals Deep Dive 34 - How lazy() works internally in React?
มุมมอง 225ปีที่แล้ว
React Internals Deep Dive 34 - How lazy() works internally in React?
Introducing Shaku Snippet - generate code snippet screenshots with Shaku code annotation!
มุมมอง 97ปีที่แล้ว
Introducing Shaku Snippet - generate code snippet screenshots with Shaku code annotation!
React Internals Deep Dive 33 - How does useInsertionEffect() works internally in React?
มุมมอง 759ปีที่แล้ว
React Internals Deep Dive 33 - How does useInsertionEffect() works internally in React?
React Internals Deep Dive 32 - How does useId() works internally in React?
มุมมอง 352ปีที่แล้ว
React Internals Deep Dive 32 - How does useId() works internally in React?
React Internals Deep Dive 1 - Overview (2023)
มุมมอง 4Kปีที่แล้ว
React Internals Deep Dive 1 - Overview (2023)
TypeScript 5.1 | JSer - learning TypeScript
มุมมอง 237ปีที่แล้ว
TypeScript 5.1 | JSer - learning TypeScript
TypeScript 5.0 - Decorators | JSer - learning TypeScript
มุมมอง 220ปีที่แล้ว
TypeScript 5.0 - Decorators | JSer - learning TypeScript
React Internals Deep Dive 31 - How do React Server Components(RSC) work internally in React?
มุมมอง 461ปีที่แล้ว
React Internals Deep Dive 31 - How do React Server Components(RSC) work internally in React?
Introducing QuickCode 75 - a companion app for Grind 75
มุมมอง 194ปีที่แล้ว
Introducing QuickCode 75 - a companion app for Grind 75
Introducing Shaku - a family of tools that help write tech articles
มุมมอง 204ปีที่แล้ว
Introducing Shaku - a family of tools that help write tech articles

ความคิดเห็น

  • @tahasoft1
    @tahasoft1 5 ชั่วโมงที่ผ่านมา

    What about scheduler.yield api

  • @sjshdhehbesjks
    @sjshdhehbesjks วันที่ผ่านมา

    peak

  • @MarjoryEasom-l6q
    @MarjoryEasom-l6q 3 วันที่ผ่านมา

    Brisa Shoals

  • @ToursTony-x7f
    @ToursTony-x7f 3 วันที่ผ่านมา

    Crooks Points

  • @rishabhchopra883
    @rishabhchopra883 4 วันที่ผ่านมา

    Awesome !

  • @kayleequincy1841
    @kayleequincy1841 5 วันที่ผ่านมา

    Lopez Gary Harris Amy Martin David

  • @SmilingCherryBlossoms-ez8od
    @SmilingCherryBlossoms-ez8od 6 วันที่ผ่านมา

    Nice one ....now I understand the difference

  • @AliceGutierrez-x4u
    @AliceGutierrez-x4u 8 วันที่ผ่านมา

    Harris Nancy Wilson Timothy Jackson Christopher

  • @baburajjames5451
    @baburajjames5451 14 วันที่ผ่านมา

    question: is it too slow? did you test move movement

  • @a2m2tkyo
    @a2m2tkyo 17 วันที่ผ่านมา

    wow they downgraded this to medium now on leetcode..

  • @skammernet
    @skammernet 18 วันที่ผ่านมา

    Hey, thanks so much for this hard work. It really helps!! I have a clarification question: During the render phase we traverse the tree in a Depth First Search method (which I think happens when renderRootSync() is called with that do while loop). As we visit each node "on the way down" the tree we call beginWork(). Once we visit the first leaf of the tree we do some work and call completeUnitOfWork(). In our case the first leaf we visit is the <a> tag where we create the anchor link of the HostComponet. "On the way up" the tree completeUnitOfWork() is done for each node until the entire tree is committed. Do I have it right? Also, just for fun, how would this process look like if we used Breath First Search instead of Depth? Would it be any less efficient? I thought about it and I'm not sure.

  • @amine2196
    @amine2196 21 วันที่ผ่านมา

    I really loved your video, i watched it 3 times, i hope that you make other videos of creating a reusable components

  • @Harwexprogramming-kk4om
    @Harwexprogramming-kk4om หลายเดือนก่อน

    That was interesting decision to scroll down to your latest videos

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

      why it is "interesting"?

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

    JSer you are a living legend, only quality content

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

      wow that is some compliment!

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

    Are there changes that can be made to log 10 after the finally block? You mention finally doesn't return a promise so the .then block after takes the previous value.

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

    I spend hours to try various react versions to match your demo, could you simple point out which react version you are using?

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

    wish you explain a little your solution rather than just solving. thanks anyways

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

    Awesome

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

    not good audio

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

    Is this course free? Awesome stuff, thank you!

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

      part of it will be. like the current 1st module and all quizzes, and internals explorer

  • @GauravKumar-ue7nz
    @GauravKumar-ue7nz หลายเดือนก่อน

    Thank you

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

      You're welcome!

  • @AsimKhan-sg1ln
    @AsimKhan-sg1ln หลายเดือนก่อน

    Thanks for the detailed walkthrough and deep understandings. Just wanted to highlight minor thing for anyone who is following in detail :D @ 49:29 markUpdate shouldn't be considered as being called because the updatePayload is null

  • @ravikumar-sharma-k
    @ravikumar-sharma-k 2 หลายเดือนก่อน

    Hi Jser, How did you open dev.html after build step?

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

      I think html has nothing to do with build step? does this post help ? jser.dev/2024-07-01-esm-react/

    • @ravikumar-sharma-k
      @ravikumar-sharma-k หลายเดือนก่อน

      @@JSerJSer yes, it did help, I found it, the earlier build steps didn't work because of new react version. Thanks

  • @minhđoàncông
    @minhđoàncông 2 หลายเดือนก่อน

    amazing

  • @solevow
    @solevow 2 หลายเดือนก่อน

    great work

  • @hasanshanto2644
    @hasanshanto2644 2 หลายเดือนก่อน

    i found your channel a pure gold mine but underrated still . please keep up doing the great work again and again

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      Thanks, you made my day, and yes I'll keep it up!

  • @VillageJoker
    @VillageJoker 2 หลายเดือนก่อน

    we have to call callFetcher() in the end of the returned promise body.

  • @maharshiguin7813
    @maharshiguin7813 2 หลายเดือนก่อน

    Thank you so much for your work, i always wanted to know how react worked behind the scenes but the source code seemed intimidating, this is perfect

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      This debugging video is pretty rough, check of my React Internals Explorer jser.pro/ddir/rie?reactVersion=18.3.1&snippetKey=hq8jm2ylzb9u8eh468

  • @vinsonwei1306
    @vinsonwei1306 2 หลายเดือนก่อน

    Hey JSer, I am really impressed by the dynamic flow chart. May you give some hints about how it is done, any 3rd-party libraries or handmade all the way?

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      Thanks. it is built just from scratch. I'm thinking about writing a post sharing how it is built

    • @vinsonwei1306
      @vinsonwei1306 2 หลายเดือนก่อน

      @@JSerJSer Looking forward to it.

  • @rachitshukla30
    @rachitshukla30 2 หลายเดือนก่อน

    Can I use the knowledge from your videos to write articles?

    • @rachitshukla30
      @rachitshukla30 2 หลายเดือนก่อน

      Great videos btw!

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      What "knowledge" you mean ? I don't think I have ownership of knowledge, if you know, it is now your knowledge :) but would appreciate if you can add reference to the RIE tool

    • @rachitshukla30
      @rachitshukla30 2 หลายเดือนก่อน

      Sure I will

  • @dannyisrael
    @dannyisrael 2 หลายเดือนก่อน

    Been looking for this!!

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      sorry to keep you looking!

  • @damians.7859
    @damians.7859 2 หลายเดือนก่อน

    I was reading about lanes yesterday and now I can see them in visualization? That's awesome, thank you!

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      wow cool, hope it helps! Yeah, `lanes` are quite complex

  • @EyalushLevi
    @EyalushLevi 2 หลายเดือนก่อน

    So awesome 🎉🎉😮. Can't wait to play with it

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      Thanks! Feedback is welcomed!

  • @DemystifyFrontend
    @DemystifyFrontend 2 หลายเดือนก่อน

    This is awesome @jser

    • @JSerJSer
      @JSerJSer 2 หลายเดือนก่อน

      Thanks!

  • @kkk9619kk
    @kkk9619kk 2 หลายเดือนก่อน

    But the webikit clamp is not working in the safari browsers i didnt find any alterantive also,

  • @story_of_us_
    @story_of_us_ 3 หลายเดือนก่อน

    You are my hero.

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      flattered, I'm just a curious noob developer

  • @michaelneumair
    @michaelneumair 3 หลายเดือนก่อน

    Cool, I love this idea!

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      Coo, right? I love it too

  • @k.l7111
    @k.l7111 3 หลายเดือนก่อน

    This is awesome, thank you for sharing and creating this tool

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      Thanks!

  • @GrahamQuan
    @GrahamQuan 3 หลายเดือนก่อน

    love your work thanks for sharing 💯

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      Thanks!

  • @rohailtaha9518
    @rohailtaha9518 3 หลายเดือนก่อน

    Beautiful

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      yeah.. lovely

  • @hanibal43
    @hanibal43 3 หลายเดือนก่อน

    love your content!

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      glad you like it

  • @AdvaitJadhavkk
    @AdvaitJadhavkk 3 หลายเดือนก่อน

    That helped a lot😀

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      Glad it can help

  • @tuku_mann
    @tuku_mann 3 หลายเดือนก่อน

    Thank you so much! Your tutorials are awesome

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      glad you like it

  • @Matter743
    @Matter743 3 หลายเดือนก่อน

    noiccee! <3

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      noice!

  • @tuku_mann
    @tuku_mann 3 หลายเดือนก่อน

    Thank you for the top-flight content ❤

    • @JSerJSer
      @JSerJSer 3 หลายเดือนก่อน

      You're welcome!

  • @michi19935
    @michi19935 3 หลายเดือนก่อน

    Thanks

  • @dalu_
    @dalu_ 4 หลายเดือนก่อน

    This is so bad but the only video about getting started with Relay. Blows my mind.

    • @JSerJSer
      @JSerJSer 4 หลายเดือนก่อน

      you mean the video is so bad quality? yeah... I tried it out as a noob years ago