Really not able to grasp React due to it being so complicated

[shivajikobardan]

TL;DR

finding react so hard that I'm unable to build simple application.

I'm learning react and I'm finding it almost impossible to learn. This is my first introduction to a framework/library. I know html,css,bootstrap and javascript.
I want to make a simple app like the below one.

I just want to tell how bad state I'm atm that I'm unable to build this simple app.
Can you guys guide me a bit about what I should do to build such an app? And some meta-learning-React tips and techniques?

 

[jedishrfu]

Here's an online course on react:

https://www.w3schools.com/REACT/DEFAULT.ASP

I would work through it and do the examples before trying to do your application.

 

[shivajikobardan]

https://www.udemy.com/course/react-beginner-to-advanced-with-redux-ecommerce-app/
I'm following this course already.

 

[jedishrfu]

Sometimes you need another perspective.

 

[shivajikobardan]

thank you i think so. I just built part of the above application without much focusing on css.

 

[Greg Bernhardt]

TL;DR Summary: finding react so hard that I'm unable to build simple application.

I know html,css,bootstrap and javascript.

I think perhaps you may not know these as much as you think then. I'd continue focusing on these for a bit and then move to React. React should not feel like such a huge jump if you're proficient in the stack you listed.

 

[shivajikobardan]

I think perhaps you may not know these as much as you think then. I'd continue focusing on these for a bit and then move to React. React should not feel like such a huge jump if you're proficient in the stack you listed.

You might be just right. how should i master html,css,javascript enough for learning react? Please share some tips? Should I focus on projects?

 

[jedishrfu]

Once you become a professional programmer, you lose the luxury of sitting back and learning something new. Instead you dive into a project, do the work and use the internet search to fill in the gaps in your knowledge.

This means finding a solution to the problem at hand and as an aside learning new things from the many code snippets you reviewed while searching for an answer.