DEV Community

Divyesh Parmar
Divyesh Parmar

Posted on

TIL props in React.js

I have started learning React.js. I was mostly reading the articles on Medium from Kent C. Dodds and Tyler McGinnis, since they have the updated version of learning path available on the React.js in 2018

Also MarkErikson's repo for react-redux links is awesome and much more helpful while starting to learn.

Regarding the props and setState methods. I mostly learnt about the following keywords.

  • JSX - which lets us transpile HTML like syntax into simple Javascript
  • React - gives us excess to many major components to create and play around with it.
  • ReactDOM - it is a virtualDOM let's us modify it and later on simply checks it out with the actual real DOM, whether the nodes in real DOM changed or not
  • constructor - I come from Java background and I see constructor as the predefined function for that particular class regarding what kind of abstract methods and variables it will hold for us.
  • also I have first time started using the extends and *import . . . from . . . * which is the new ES6 version of Javascript instead of using the normal require()
  • render() - it is an method which lets us render the component ( I still call it element unconsciously :D )
  • ReactDOM.render() - takes 2 arguments first is our created Component and other is the DOM-Node we want it to get attached to.
  • setState - which let me play around with the current state - this.state given by the constructor around
  • props - this is simply the data which is passed from parent node to child ( or should I say Elements? Oh no! they are called components damn it! )
  • propTypes - as the name suggests we can manipulate the type of prop that data being told to child element
  • defaultProps- nothing fancy but to just define how the component when it born.
  • ComponentLifeCycle - I haven't used this much on the 1st day itself. Need to learn more and Flux-Redux in upcoming days as fast as possible
  • Events - which were mostly, onSubmit, onChange. I'm sure there will be many

So this is all I learned and coded today to practice. I wish to learn as fast as I can and tomorrow I'm going to go on with Net Ninja's playlist though it is a bit old I love his style of teaching.

I also have this YouTube playlist on my radar suggested by @Ryosuke, and it is pretty dope

I'm mostly going to follow Stephen Grider's course on Udemy as well.

Also I have given 46 interviews now here in India with Node.js/Express.js and Python Django on my resume with mostly backend developer thing, but it seems like no one wants to hire a fresher with these things or they pay as shitty low as possible, so I'm just putting my chin up and will keep on learning.

One of the famous quote I heard from my favourite movie director

The world doesn't owe you anything, you owe it to yourself - Anurag Kashyap

( may be some famous writer I don't know I love Physics and Economics more then a novels though I like acting :p )

give your suggestion and must do things in my journey of learning React it will be really helpful.

Top comments (6)

Collapse
 
kayis profile image
K

Always nice to read about people getting into React :D

I wrote a React tutorial, to connect the JavaScript most devs know with React principles, called React From Zero, maybe this helps :)

Collapse
 
oathkeeper profile image
Divyesh Parmar

Wow this is so wonderful and inspirational, Thank you for sharing this this is on 1st on my priority list. I'm sorry for late reply

Collapse
 
kayis profile image
K

You are very welcome :)

Thread Thread
 
oathkeeper profile image
Divyesh Parmar

You're quick with replies, can you suggest some Github and/or Open source projects to work on! I'd love to keep building stuff and enhance my understanding

Thread Thread
 
kayis profile image
K

Sorry, all projects I contributed to were about stuff I needed at work :/

Thread Thread
 
oathkeeper profile image
Divyesh Parmar

Oh cool! It means the job I'll do will be automatically allow me to contribute to open source.

I thought companies wouldn't want their code to become available public