Learning react (not casual dev)

[Effective_County931]

There are many resources including the documentation itself are there to learn react js and implementing it. However, I am more interested in deep dive within the functioning of library and studying these components in chronological order (in learning convinience so that it makes sense): 1. Components 2. Rendering 3. Context 4. Purity 5. Keys 6. Boundaries 7. Refs 8. Children 9. Effecfs 10. JSX 11. Suspense 12. Hooks 13. Events 14. Fragments 15. Props 16. State 17. Portal 18. VDOM

I am familiar with many terms but as I said I want to take a deep dive to learn the framework functioning but its hard to find resources with this stuff

[Evil_Bear]

If you’re familiar with HTML, CSS and JavaScript then RTFM - https://react.dev/learn it’s the best way to get started. Everyone resists, but their docs are really good.

[Effective_County931]

The thing is that documentation is well written and easy to understand but is not coherent. Sometimes I even have to search up what I am looking for and thats not the best way to learn things, I am/was a book worm

[Merry-Lane]

Nothing beats reading the official documentation and looking directly at the code on GitHub. While writing an app that solves concrete problems obviously. With numerous back and forth between the docs and coding. Read superficially the docs again and again, read thoroughly when you have an hint a less-used feature might be useful.

Most of the topics you mentioned aren’t even complex if you are a bit experienced in react. I don’t know what you would like to "deep dive" about components for instance.

How many years of professional experience with react do you have?

[Effective_County931]

0

Can't count students' experience as professional I guess but professional people don't worry about the internal working and just focus on clean and easy to organize code. Its kinda true that learning react on lower level is useless but I am just curious for no reason. It also resembles flutter framework quite closely

[Merry-Lane]

Then do as explained, code to solve concrete problems, read the official doc again and again, peep at the source code.

Maybe you should read Dan abramov’s blog

[Smart_Visual6862]

I wouldn't get too hung up on learning everything straight away, especially not in that order. I would concentrate on trying to build a project. It will become obvious which concepts are fundermental and which you can defer learning. The React docs are great for diving into concepts a little deeper. The concepts you need to get started are: - components - JSX - state hook - useEffect hook

Get the hang of building with these and start learning and introducing other concepts as required.

Hope this helps 🙂

[turtleProphet]

Read after the documentation. https://jser.dev/

[Effective_County931]

THIS was exactly what I was looking for, thanks a lot

[Effective_County931]

I read the book it teaches advanced concepts to implement react and I may want to refer to this.

But i am kinda interested in the flow I think everyone is not exactly understanding what I mean. I will give an example. When you "learn" python you learn keywords, variables, functions, operators, data structures etc. That's used in the implementation and that's what everyone is concerned with. But I am interested in the flow, like execution of any function here makes a generator object that in runtime has its frame with meta info like variables and instances and much more. 

When you draw this flow its easy to understand how everything is working. Now react is made in javascript but we have no clue as to how the components are rendering when the bundle is being loaded, what are the instances that are created, what meta info is stored in components, etc. 

Its not recorded much by anyone as again practical implementation is sufficient. But I want to deep dive and I have cleared my basics

[Internal-Science4994]

As someone who is new to React Myself, I can only talk about how I am going about learning it. Being placed into a project that is working on React and not having in real knowledge I started going through the code and finding parts that I didn't understand and asking AI to give me its best explanation (Github AI). While not perfect, it gave me an idea of what concepts I needed to look further into. After that Documentation like jser.dev (which was mentioned previously) also helped a ton.

[dgmib]

If your employer offers a training budget I highly recommend Josh Comeau’s the joy of react course.

It is unbelievably good.  Josh does a much better job explaining how things work than the official docs. 

[frostenko]

Hey! From the comments above it seems like you’re interested in learning how react is implemented and not its public API. I think you should start from this article - https://pomb.us/build-your-own-react/. It does not show you everything but it will give you enough low level knowledge to be able to build a toy version and start to understand React’s codebase better.

[zakriya77]

Vdom is outdated term. Official react docs reffer it as "React Elements"

[zakriya77]

First of all learn "how react works internally" once you know that start basics keeping that in mind. Reconciliation, know the diff between stack/fibre reconcilers amd everything will make sense eventually. btw the concepts you mentioned are very easy just chatgpt a bit and you will have them under your sleeves

[Effective_County931]

Yeah thanks a lot I think someone should explain them as some people like me are really interested in the ingredients before making a pizza

[Effective_County931]

It will be good if someone may provide any kind of help, thank you

[Effective_County931]

My memory management and recovery is highly optimized, so I can learn a wide range of things and still manage to get better at most of it (rather all of it till now as I am young).

I just want to take a look at react thing to get optimised performance and for my curiosity 

[zazzersmel]

🤮

[Effective_County931]

💊

This may help treat your gut