React js library introduction

Let's save the first html element built using React:

<script type="text/babel">

  ReactDOM.render(

    <h1>Hello world !</h1>,
    document.body

  );

</script>

What did React do? Simple! React placed h1 in document body.

Now something a little more difficult. In the code of the html page we insert the container:

<div id = "container"> </div>
And then using the React library, we will put the container text <h2> in the container, take the container id and put this text in it </h2>:

<script type="text/babel">

  ReactDOM.render(

    <h2> I take the container id and put this text in it </h2>,

    document.querySelector ("# container")
  );

</script>

Note that we used the JSX language here, which is html in short placed inside JavaScript. Strange right? And yet it works! JSX in React applications is a commonly used solution, so you need to know it. I will describe him in one of the next lessons.

For today, all you need is knowledge from the React.js library. Practice what I described and invite you to the next lesson from the React.js library.

Author of a free React course: Darek Gołębiowski

Are you looking for a contractor or subcontractor for your portal application or website? I recommend my services and invite you to cooperation

I program and analyze, among others in: JavaScript, HTML5, CSS3, jQuery, jQuery Mobile, React.js, node.js, AJAX, JSON, Mocha.js, Babel.js

Do you have a question? marketing (at) poswojsku.eu