Friday, September 8, 2017

" Hello World ! " using React JS


  • Create a document with .html extension, let it be index.html.
  • Now add title to the web page. In the body section create a div tag with id='app'. We will then write react code which replaces the content here under div tag.

  • Add the react-dom and react js script files to the index.html
  • Add the react js script to be rendered in index.html 
  • Open the index.html in your browser. You should see Hello World! as below.
You have done your first react application

4 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. I must say really great effort. This will help many to understand how ReactJS work, Nicely explained first program. This open source library has got a good name among programmers as well as big names like Instagram and Facebook. Over the last few years the demand of React JS development has increased in website development.If you'd like to know more about ReactJS You can check out this article: https://goo.gl/ZdZuVQ

    Thanks for sharing this information!

    ReplyDelete
  4. Pretty article! I found some useful information in your blog, it was awesome to read, thanks for sharing this great content to my vision, keep sharing..
    iOS App Development Company
    Android App Development Company
    Mobile App Development Company

    ReplyDelete

Call a function in child component from parent component in React

Consider the following parent component class Parent extends React.Component { constructor(props) { super(props);         thi...