Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
JS
React.js
•
•
•
• LT3
• LT
•
•
React.js
wget
cd /var/www/ (DocumentRoot)
mkdir js
cd js
wget http://cdnjs.cloudflare.com/ajax/libs/react/
0.12.1/react-with-addons....
index.html
cd ../
vim index.html
<!DOCTYPE html>
<html>
<head lang="ja">
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div id=“hello"></div>
<...
var HelloWorld = React.createClass({
render: function() {
return (
<h1>Hello, world!</h1>
);
}
});
React.render(
<HelloWor...
• JavaScript HTML
• MVC V
•
•
React.js触ってみた 吉澤和香奈
React.js触ってみた 吉澤和香奈
React.js触ってみた 吉澤和香奈
React.js触ってみた 吉澤和香奈
React.js触ってみた 吉澤和香奈
React.js触ってみた 吉澤和香奈
Upcoming SlideShare
Loading in …5
×

React.js触ってみた 吉澤和香奈

2,443 views

Published on

「ECMAScript6勉強会」HappyHalloween JS 祭!! 《仮装マストじゃないよ》

http://eventdots.jp/event/571557

Published in: Engineering
  • Be the first to comment

React.js触ってみた 吉澤和香奈

  1. 1. JS React.js
  2. 2. • •
  3. 3. • • LT3 • LT • •
  4. 4. React.js
  5. 5. wget cd /var/www/ (DocumentRoot) mkdir js cd js wget http://cdnjs.cloudflare.com/ajax/libs/react/ 0.12.1/react-with-addons.js wget http://fb.me/JSXTransformer-0.12.2.js
  6. 6. index.html cd ../ vim index.html
  7. 7. <!DOCTYPE html> <html> <head lang="ja"> <meta charset="UTF-8"> <title>test</title> </head> <body> <div id=“hello"></div> <script type=“text/jsx">
  8. 8. var HelloWorld = React.createClass({ render: function() { return ( <h1>Hello, world!</h1> ); } }); React.render( <HelloWorld />, document.getElementById('hello') ); </script> <script src="./js/react-with-addons.js"></script> <script src="./js/JSXTransformer-0.12.2.js"></script> </body> </html>
  9. 9. • JavaScript HTML • MVC V • •

×