https://github.com/bobey/reactjs-helloworld

The article shows how to enhance the standard following HelloWorld, with Grunt and Browserify
https://github.com/bobey/reactjs-helloworld

Last synced: 4 days ago
JSON representation

The article shows how to enhance the standard following HelloWorld, with Grunt and Browserify

• Host: GitHub
• URL: https://github.com/bobey/reactjs-helloworld
• Owner: bobey
• Created: 2014-10-28T16:03:57.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2014-10-28T21:27:44.000Z (about 10 years ago)
• Last Synced: 2024-11-01T01:06:21.883Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://blog.overnetcity.com/2014/10/30/reactjs-grunt-browserify-cdn/
• Size: 117 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Basic HelloWorld with ReactJS, Grunt and Browserify

This is code support for an article on my blog : [http://blog.overnetcity.com](http://blog.overnetcity.com/2014/10/30/reactjs-grunt-browserify-cdn/)

The article shows how to enhance the standard following HelloWorld, with `Grunt` and `Browserify` :

```html

  

    

    

  

  

    


    

      /** @jsx React.DOM */

      var hello = React.createClass({

        render: function() {

          return <div>Hello, {this.props.name}!</div>

        }

      });

      React.renderComponent(

        <hello name="World" />,

        document.getElementById('content')

      );

    

  

```

Bonus, the React library is loaded via a CDN while still used with browserify inside your code.