Clement

I've joined a legacy project that uses the Class Component as its base. OMG, I didn't like it, and especially the Next Context Consumer. It looks like a callback hell. I just added a new HOC that will auto-inject as props without writing too many nested consumers in code.

I learned the mental model of Javascript that is written by Dan. Well, for now I read and write the code better, my leader said. Honestly, it helps me alot. Thank you so much. I do not advertise, just share my thoughts

Hello. If I want to work for an EU company and relocate, do I need a formal college degree? because I read a post about work permit and it's required.

Anyone can confirm?

Well. I'm getting fed up with Jira. very slow OMG

Well done! Enjoy it now. thank you Dan!

I think via message?

So it will be ignored at run-time? Idk.

But what happens if I pass a state to the children? will the reconciliation mask it as changed or not? interesting

Oh. I tried to create an input with children. It is not accepted as I knew before. But for now, I can compile it successfully without any errors.
React.createElement("input", {
type: "text",
className: "my input",
defaultValue: "welcome"
}, React.createElement("span", null, "test"));

Return an element with additional props:
- type: HTMLElementType or SVGElementType or FunctionComponent<P> or string,
- ref: Ref<HTMLElement>
- key: string | null;
- props: an object, it's based on type (first argument)

First of all, it will receive 3 params,
- type: HTMLElementType or SVGElementType or FunctionComponent<P> or string,
- props: an object, it's based on type (first argument)
- children: an array of React Node

Continue now is investigate what is `React.createElement` do

TIL: How to see the result after transforming JSX to JS locally.
- First of all, install @babel/cli @babel/core @babel/preset-react
- Then create a component in a file (eg. react-test.jsx)
- Run:

`pnpm babel react-test.jsx --out-file react-test.js`

Open the react-test.js file and see the result

I think this is way I'm handling the task right now. No checklist, no preparation. Just jump on to code directly, and will ask for unclarified things when realizing, can not imagine the cases from beginning, etc...

Besides learning the React core, I will start a side project. It's a game to learn English. I think Pixi is good but anyone can suggest for me others?

Wow. Really cool

Node Modules Inspector Visualize your node_modules, inspect dependencies, and more.

I urge everyone to take a look at node-modules.dev

@antfu.me has really been cooking with this lately, it wasn't that long ago that this was just a prototype, and now it's a very polished look into any package on npm.

So much valuable info, presented in a very digestible way.

I wish I live in Bangkok 😭😭

I just read a blog about React 19, and the game may be changed by it because developers like me will focus more on business than on taking care of the memorization.

yes I think I don't need to know this to use React but I want to understand the core and how is it running. I just want to deep dive on React.

I really appreciated it. thank you so much Dan!!!!!!

OMG. thank you for your response.
YES. I want to understand the core and the Fiber architect and how it's run when render/re-render and hooks .....

@danabra.mov sorry for tagging you on this. I just need your help a little bit. it's great if you can. thank you so much! 🙏

I love Reactjs and work on this for 2 years. There are too many tuts for React but I can not find the way to understand core, the fiber architecture.. hmm can anyone help pls? 🙏🙏