rajat1saxena

<!-- If the "props" object is: {name: 'rajat'} -->
<div>
  rajat
</div>

rajat1saxena

<Hello name='rajat' age={26}/>

rajat1saxena

class Counter extends React.Component {
  // this method should be present in your component
  render() {
    return (
      <div>
        {this.props.name}
      </div>
    );
  }
}

rajat1saxena

class Counter extends React.Component {
  constructor() {
    super();
    
    // define the internal state of the component
    this.state = {name: 'rajat'}
  }
  
  render() {

rajat1saxena

function Hello(props) {
  return <div>{props.name}</div>
}

ReactDOM.render(<Hello name="rajat"/>, document.getElementById('root'));

rajat1saxena

class Counter extends React.Component {
  constructor(props) {
    super(props);
    
    this.state = {count: this.props.start || 0}
    
    // the following bindings are necessary to make `this` work in the callback
    this.inc = this.inc.bind(this);
    this.dec = this.dec.bind(this);
  }

rajat1saxena

<button disabled={true}>Press me!</button>

rajat1saxena

<button disabled={true}>Press me {3+1} times!</button>;

rajat1saxena

<div className='container'><Hello /></div>

rajat1saxena

const express = require('express')
const app = express()

app.get('/', (req, res) => {
  res.status(200).send({
    data: 'It works!'
  })
})

app.listen(3000)