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

女子部で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

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に直接書けるからサーバーサイドのエンジニアに向いている気がする

• パフォーマンスが良いらしい

• 関数型言語

本当のところはどうなの？誰か教えて・・

ありがとうございました！

Engineering

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

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