JSer's Avatar

JSer

@jser.bsky.social

noob software engineer learning React. https://jser.dev, Deeper Dive Into React https://jser.pro/ddir, React Internals Explorer https://jser.pro/ddir/rie

37 Followers  |  2 Following  |  19 Posts  |  Joined: 06.01.2024  |  1.4

Latest posts by jser.bsky.social on Bluesky

Post image

Added the Chrome Extension link into DDIR's ToC

10.08.2024 12:56 — 👍 0    🔁 0    💬 0    📌 0
Post image

quick tip on React Internals Explorer:
click the ? mark on the top right to see the introduction one more time!!

02.08.2024 01:37 — 👍 1    🔁 0    💬 1    📌 0
Post image

A quick update on React Internals Explorer:
Now we are able to see clearly how ContextProvider propagates context value changes to its consumers!

check it out: jser.pro/ddir/rie?rea...

31.07.2024 02:12 — 👍 0    🔁 0    💬 0    📌 0
Post image

A quick update on React Internals Explorer:
Now we are able to see clearly how React generates component stack info for errors and how React searchs the nearest Error Boundary!
check it out: jser.pro/ddir/rie?rea...

20.07.2024 14:22 — 👍 0    🔁 0    💬 0    📌 0
Post image

Added the Pass Rate for React Quiz on DDIR(Deeper Dive Into React) !! Now you can see how tricky the quizzes are 😉.
check it out: jser.pro/ddir/quiz/dd...

19.07.2024 08:13 — 👍 0    🔁 0    💬 0    📌 0
Post image

Now we have a better breakpoint panel on React Internals Explorer, where we can see all the breakpoints and also able to disable them. Could be helpful to debug some tricky React code.

check it out: jser.pro/ddir/rie?rea...

18.07.2024 14:06 — 👍 0    🔁 0    💬 0    📌 0
Post image

A quick update on hashtag #DDIR:
An Inspect button is added on all the React quizzes, where you can inspect the code in React Internals Explorer within one click!
check it out: jser.pro/ddir/quiz

13.07.2024 13:48 — 👍 0    🔁 0    💬 0    📌 0
Post image

The coding challenge looks cooler on Deeper Dive Into React!

12.07.2024 18:37 — 👍 0    🔁 0    💬 0    📌 0
Post image

There should be bubbles when we dive! So they are added!

12.07.2024 10:30 — 👍 0    🔁 0    💬 0    📌 0

Added the Shaku button on React Internals Explorer! And I think it is quite fun! Check it out. jser.pro/ddir/rie

09.07.2024 14:05 — 👍 0    🔁 0    💬 0    📌 0
Post image

Added some blue tooltips to React Internals Explorer UI!
(turned out to be not that easy to implement....🫠)

08.07.2024 15:18 — 👍 0    🔁 0    💬 0    📌 0
Post image Post image

🎉Now Shaku could be used as a simple Shiki transformer with `shaku-code-annotate-shiki-transformer`!

This means Shaku syntax could be integrated easily anywhere Shiki(1.x.x) is supported! Check out the demos with Astro/Next.

github.com/JSerZANP/sha...

06.07.2024 15:09 — 👍 0    🔁 0    💬 0    📌 0
Post image

🎊 latest updates on RIE(React Internals Explorer) 0.1.26.
sign in / snippet actions(fork, create, edit ...) / Context component / preview console logs / better controls / global keyboard shortcut / persistent speed choice / reading materials for components / and more...

01.07.2024 22:24 — 👍 0    🔁 0    💬 0    📌 0

@danabra.mov may I get some feedback from you? 😳

25.06.2024 15:17 — 👍 0    🔁 0    💬 0    📌 0
Post image

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?

Check it out jser.pro/ddir/rie

25.06.2024 15:15 — 👍 0    🔁 0    💬 1    📌 0

+1 the experience of going back from a full route navigation is quite bad

24.06.2024 01:26 — 👍 0    🔁 0    💬 0    📌 0

@bsky.app when will we be able to post videos?

21.06.2024 21:07 — 👍 0    🔁 0    💬 0    📌 0
Post image

Super excited to introduce React Internals Explorer which visualize how React works internally automatically!
No more guessing on how it works! Inspect it! jser.pro/ddir/rie

19.06.2024 12:37 — 👍 0    🔁 0    💬 0    📌 0

Hello World!

06.01.2024 15:44 — 👍 4    🔁 0    💬 0    📌 0

@jser is following 2 prominent accounts