File tree Expand file tree Collapse file tree 6 files changed +81
-1
lines changed Expand file tree Collapse file tree 6 files changed +81
-1
lines changed Original file line number Diff line number Diff line change 1+ .DS_Store 
2+ node_modules 
3+ npm-debug.log 
4+ public 
Original file line number Diff line number Diff line change 1- # workshop-react  
1+ # Venntro Workshops: React.js  
2+ 
3+ 1 .  Install [ Brunch] ( http://brunch.io/ ) 
4+ 
5+         npm install -g brunch 
6+ 
7+ 2 .  Create a new project with this skeleton
8+ 
9+         brunch new gh:xiy/workshop-react APPNAME 
10+ 
11+ 3 .  Start watching with Brunch:
12+ 
13+         brunch watch --server 
Original file line number Diff line number Diff line change 1+ var  React  =  require ( "react" ) ; 
2+ 
3+ var  Tick  =  React . createClass ( { 
4+   render : function ( )  { 
5+     return  ( 
6+       < div  id = "tick" > 
7+         < h1 > Tick Tock</ h1 > 
8+       </ div > 
9+     ) ; 
10+   } 
11+ } ) ; 
12+ 
13+ React . render ( < Tick  /> ,  document . getElementById ( "content" ) ) ; 
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>  
2+ < html > 
3+   < head > 
4+     < meta  charset ="utf-8 "> 
5+     < title > Tick Tock</ title > 
6+     < script  src ="app.js "> </ script > 
7+   </ head > 
8+   < body > 
9+     < div  id ="content "> </ div > 
10+     < script > require ( 'app' ) ; </ script > 
11+   </ body > 
12+ </ html > 
Original file line number Diff line number Diff line change 1+ module . exports . config  =  { 
2+   npm : { 
3+     enabled : true 
4+   } , 
5+ 
6+   files : { 
7+     javascripts : { 
8+       joinTo : 'app.js' 
9+     } 
10+   } , 
11+ 
12+   plugins : { 
13+     babel : { 
14+       pattern : / \. ( j s | j s x ) $ / 
15+     } 
16+   } 
17+ } 
Original file line number Diff line number Diff line change 1+ {
2+   "name" : " "  ,
3+   "version" : " 0.1.0"  ,
4+   "author" : " "  ,
5+   "license" : " "  ,
6+   "scripts" : {
7+     "start" : " brunch watch --server" 
8+   },
9+   "dependencies" : {
10+     "react" : " latest" 
11+   },
12+   "overrides" : {
13+     "react" : {
14+       "main" : " dist/react.js" 
15+     }
16+   },
17+   "devDependencies" : {
18+     "babel-brunch" : " ^5.1.2"  ,
19+     "brunch" : " ^1.8.5" 
20+   },
21+   "private" : true 
22+ }
    
 
   
 
     
   
   
          
     
  
    
     
 
    
      
     
 
     
    You can’t perform that action at this time.
  
 
    
  
     
    
      
        
     
 
       
      
     
   
 
    
    
  
 
  
 
     
    
0 commit comments