React At a Glance

Some have a misconception that React is a javascript “framework”. But a big no! React is a JavaScript “library”. It is not exactly a “framework”.

It can’t give a complete solution and you will often need to use more libraries with React to develop any full system. React is slim and it’s incredibly convenient to blend it with other 3rd party libraries.

Data is passed down the component tree in React. Props are used to transfer data from a parent component to a child component.

Parent component:

<div>
  <Child color={red} text='name' />
</div>

In the child component, props are available under this.props.

Child component:

    const {color, text} = this.props