vtno

<div class = "content"></div>
<script type = "text/babel">
 var CommentBox = React.createClass({
   render: function(){
     return (
      <div className=”commentBox”>
        Yo! I’m a comment box.
      </div>
     );
   }

vtno

var CommentBox = React.createClass({
        render: function(){
          return (
              <div className="commentBox">
                  <h1>Comments</h1>
                  <CommentList />
                  <CommentForm />
              </div>
            );
        }

vtno

var CommentList = React.createClass({
        render: function() {
          return (
            <div className="commentList">
              Test Test I'm a CommentList.
            </div>
          );
        }
      });
var CommentForm = React.createClass({

vtno

var Comment = React.createClass({
        render: function(){
          return(
             <div className="comment">
               <h2 className="commentAuthor">
                {this.props.author}
               </h2>
               {this.props.children}
             </div>
            );

vtno

var CommentList = React.createClass({
        render: function() {
          return (
            <div className="commentList">
              <Comment author="Mr.Tony">This is the best comment app ever.</Comment>
              <Comment author="Obamha">Love this thing.</Comment>
            </div>
          );
        }
      });

vtno

var data = [
        {id:1, author:"Mr.Tony", text:"This is the best comment app ever."},
        {id:2, author:"Obhama", text: "Love this thing."}
      ];
      
class CommentList extends React.Component{
        render() {
          var commentNodes = this.props.data.map(function(comment){
            return (
                <Comment author={comment.author} key = {comment.id}>

vtno

function howVarWorks()
{
  //i is also visible here.
  for( var i = 0 ; i<10 ;i++)
  {
    //i is visible everywhere in the function
  }
  //i is also visible here.
}

vtno

Meteor.startup(()=>{
  let server = Meteor.npmRequire('http').createServer()
  let io = Meteor.npmRequire('socket.io')(server)
  io.on('connection', (socket)=>{
    socket.on('hello',(data)=>{
      console.log('HELLO BISH')
      console.log(data.text)
    })
  })
  server.listen(9999,()=>{

vtno

Template.home.events({
    //some code here....
    socket = io.connect('localhost:9999', {forceNew: true})
    //more code here......
})

vtno

export default Class { 
  constructor(props) {
    this.state = {
      userRole: 'doctor'
    }
  }

  render(){

    const childrenWithProps = React.Children.map(this.props.children,