- 721
- 519 682
JSer
Japan
เข้าร่วมเมื่อ 13 เม.ย. 2019
Hey Guys, this is JSer, who builds stuff with JavaScript/CSS .etc
This channel is all about Front-End stuff, like
The videos are seldom edited to offer you the genuine thoughts for real cases.
So they are not perfect, yet I believe and hope they could help.
This channel is all about Front-End stuff, like
The videos are seldom edited to offer you the genuine thoughts for real cases.
So they are not perfect, yet I believe and hope they could help.
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
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?
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
What about scheduler.yield api
peak
Brisa Shoals
Crooks Points
Awesome !
Lopez Gary Harris Amy Martin David
Nice one ....now I understand the difference
Harris Nancy Wilson Timothy Jackson Christopher
question: is it too slow? did you test move movement
wow they downgraded this to medium now on leetcode..
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.
I really loved your video, i watched it 3 times, i hope that you make other videos of creating a reusable components
That was interesting decision to scroll down to your latest videos
why it is "interesting"?
JSer you are a living legend, only quality content
wow that is some compliment!
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.
I spend hours to try various react versions to match your demo, could you simple point out which react version you are using?
wish you explain a little your solution rather than just solving. thanks anyways
Awesome
not good audio
Is this course free? Awesome stuff, thank you!
part of it will be. like the current 1st module and all quizzes, and internals explorer
Thank you
You're welcome!
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
Hi Jser, How did you open dev.html after build step?
I think html has nothing to do with build step? does this post help ? jser.dev/2024-07-01-esm-react/
@@JSerJSer yes, it did help, I found it, the earlier build steps didn't work because of new react version. Thanks
amazing
great work
i found your channel a pure gold mine but underrated still . please keep up doing the great work again and again
Thanks, you made my day, and yes I'll keep it up!
we have to call callFetcher() in the end of the returned promise body.
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
This debugging video is pretty rough, check of my React Internals Explorer jser.pro/ddir/rie?reactVersion=18.3.1&snippetKey=hq8jm2ylzb9u8eh468
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?
Thanks. it is built just from scratch. I'm thinking about writing a post sharing how it is built
@@JSerJSer Looking forward to it.
Can I use the knowledge from your videos to write articles?
Great videos btw!
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
Sure I will
Been looking for this!!
sorry to keep you looking!
I was reading about lanes yesterday and now I can see them in visualization? That's awesome, thank you!
wow cool, hope it helps! Yeah, `lanes` are quite complex
So awesome 🎉🎉😮. Can't wait to play with it
Thanks! Feedback is welcomed!
This is awesome @jser
Thanks!
But the webikit clamp is not working in the safari browsers i didnt find any alterantive also,
You are my hero.
flattered, I'm just a curious noob developer
Cool, I love this idea!
Coo, right? I love it too
This is awesome, thank you for sharing and creating this tool
Thanks!
love your work thanks for sharing 💯
Thanks!
Beautiful
yeah.. lovely
love your content!
glad you like it
That helped a lot😀
Glad it can help
Thank you so much! Your tutorials are awesome
glad you like it
noiccee! <3
noice!
Thank you for the top-flight content ❤
You're welcome!
Thanks
This is so bad but the only video about getting started with Relay. Blows my mind.
you mean the video is so bad quality? yeah... I tried it out as a noob years ago