What's the hardest thing about learning React JS?

I really struggled with State Management early on when working with React. However the more time I spent working with the React library, the more I got comfortable with it. Also the three separate course I took on it really hammered it home!

Passing props. I did not know how to write my components so that it can read "foo" from foo. Turns out it was done through the children prop.

Then there were also problems known as prop drilling. I managed to solve it after learning Redux and Recoil.

I didn't really do anything. I just kept on discover/learn how to use different npm packages and libraries. As I read the examples, a lot of doubts were cleared for me. I think examples are very important.

Apart from that, I think warning messages and errors are also important, I knew nothing about ARIA or cleanup functions or issues with target="_blank" before I learned React.

1. Definitely State Management. Figuring out how to correctly notify components when a state change occurred and update accordingly.

2. Still working on it by practicing, reading blog posts, questions in discord channels, etc.

1. State management without a library was pretty tough for me. It took a while for me to grasp the concept that the state only existed in the instance it was used, so refreshing or navigating to a new page lost or reset the state. I spent a bit trying to use it as an on the fly database before realizing its limitations.

2. There was never really a solve as much as there was gaining an understanding of it. Learning more about props helped too. With props you can take the state of one component, pass it to another- and now that state persists into the next area you need it to continue working.

This is all a very simplistic breakdown of everything so take the "explanations" with a grain of salt.

The Flexibility of react.
You can use any pattern as you like (unlike vue or angular which is framework). It can make you lost in your own source code.

My solution : based on your coding habbit, start designing on your folder structure to separate logic and presentation, then continue to solidify your pattern down to the most detail when using react, then you should be good.

Redux, Hands down!

1. Mostly the syntax and how lifecycle hooks work.

2. Practice, practice, practice. Watching code-along videos, doing my own simple apps.

It was a whilte before state and props made sense.

Explain React State & Props Like I'm Five

Shannon Crabill ・ Mar 22 ・ 1 min read

#explainlikeimfive #react

And the parent/child relationship between component took some getting used too.

Now that I'm a little more experience, the build/deploy aspect of React is what I'd like to better understand.

1 The hardest part was all the tutorials start with class components and before hooks - which is normal because hooks appeared later. But just saying 😁.
2 So I learnt the bare minimum with class components and jumped on hooks without learning componentDidMount, binding, etc 😇.

If you just got started trust me you'll be totally confused why sometimes "props" and sometimes "states" 😀 but this is not the tough part. It just a "confusing" part of react. Toughness starts when you deploy a central repo for state management either redux or context API or any other tool.