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

[Jesse Calton]

1. Mostly the syntax and how lifecycle hooks work.

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

[Jane Tracy 👩🏽‍💻]

That's great. The syntax can be confusing at first but when you practice it a lot. It becomes automatic as you code.
Thanks, Jesse. 🌟

[Drew Clements]

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.

[ljc-dev]

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 😇.

[JimCMorrison]

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!

[Hassan Zreik]

Hi Jim, can you add the courses you took please

[JimCMorrison]

No problem, ReactForBeginners.com and LearnRedux.com along with a scattered amount of React tutorials on Youtube.

[Jane Tracy 👩🏽‍💻]

Great resources. Will check them out too.

[Hassan Zreik]

Thank you @jimcmorrison

[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.

[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.

[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.

[Mkhululi Ncube]

Nested routes in routing gave me a hard time

[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.

[Gerald Cells]

Redux!!!!