What's the hardest thing about learning React JS?

Learning React can have it's ups and downs especially when you are learning it by yourself.

Great react questions and discussions

This week I came across these resources that I found useful in breaking down the hard parts of React.

• Common React questions (plus answers) by Max on Academind
• Getting Hooked on React by Ladybug Podcast
• React interview questions and answers by Simplilearn

I would love to hear:

1) what you found hard or confusing at first when you started learning React?

2) How you solved it.

Comments

[GlyphCat]

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.

[Jane Tracy 👩🏽‍💻]

The learning curve for React has a lot of ups and downs. I have found out so far that been patient with myself as I learn is also important.
I totally agree with you, Edwin. Practice, practice, practice is the way to get better and increase your knowledge. Haha, got some errors when I changed my app structure and files. But errors are great to show you where you went wrong.
All the best as you continue on your journey. ✨✔

[Prashanth P Wagle]

Redux, Hands down!

[Jane Tracy 👩🏽‍💻]

I haven't reached there yet, still learning about states. But I know with practice you will get it, Prashanth. ✨

[Nancy]

1. Routing: I found the documentation confusing and there were examples from older versions all over the web that made it even more confusing

2. Reading Stackoverflow posts VERY carefully

[Gerald Cells]

Redux!!!!

[D\sTro]

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.

[Mkhululi Ncube]

Nested routes in routing gave me a hard time

[Raeneldis]

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.

[S.Ismail]

Good point bro.

[Shannon Crabill]

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.

[anotherfathead]

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.