react.js触ってみた 吉澤和香奈
Post on 16-Apr-2017
1.941 Views
Preview:
TRANSCRIPT
女子部で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.js
wget http://fb.me/JSXTransformer-0.12.2.js
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>
<script type=“text/jsx">
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>
自動生成
メリット？
• JavaScriptよりHTMLライクで書ける
• MVCのVに直接書けるからサーバーサイドのエンジニアに向いている気がする
• パフォーマンスが良いらしい
• 関数型言語
本当のところはどうなの？ 誰か教えて・・
ありがとうございました！
top related