Submit Search
Upload
React.js触ってみた 吉澤和香奈
•
3 likes
•
2,722 views
Wakana Yoshizawa
Follow
「ECMAScript6勉強会」HappyHalloween JS 祭!! 《仮装マストじゃないよ》 http://eventdots.jp/event/571557
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 15
Download now
Download to read offline
Recommended
Hack tutorial
Hack tutorial
Wakana Yoshizawa
AngularJS Deep Dives (NYC GDG Apr 2013)
AngularJS Deep Dives (NYC GDG Apr 2013)
Nitya Narasimhan
Javascript first-class citizenery
Javascript first-class citizenery
toddbr
Workshop 12: AngularJS Parte I
Workshop 12: AngularJS Parte I
Visual Engineering
React + Redux Introduction
React + Redux Introduction
Nikolaus Graf
React
React
중운 박
RequireJS
RequireJS
Sebastiano Armeli
AngularJS Basics with Example
AngularJS Basics with Example
Sergey Bolshchikov
Recommended
Hack tutorial
Hack tutorial
Wakana Yoshizawa
AngularJS Deep Dives (NYC GDG Apr 2013)
AngularJS Deep Dives (NYC GDG Apr 2013)
Nitya Narasimhan
Javascript first-class citizenery
Javascript first-class citizenery
toddbr
Workshop 12: AngularJS Parte I
Workshop 12: AngularJS Parte I
Visual Engineering
React + Redux Introduction
React + Redux Introduction
Nikolaus Graf
React
React
중운 박
RequireJS
RequireJS
Sebastiano Armeli
AngularJS Basics with Example
AngularJS Basics with Example
Sergey Bolshchikov
Let's react - Meetup
Let's react - Meetup
RAJNISH KATHAROTIYA
AngularJS Data Binding
AngularJS Data Binding
Ticore Shih
React JS and Redux
React JS and Redux
Glib Kechyn
AngularJS Directives
AngularJS Directives
Eyal Vardi
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Ayes Chinmay
ReactJs presentation
ReactJs presentation
nishasowdri
REACT.JS : Rethinking UI Development Using JavaScript
REACT.JS : Rethinking UI Development Using JavaScript
Deepu S Nath
AngularJS for Java Developers
AngularJS for Java Developers
Loc Nguyen
Groovy Ecosystem - JFokus 2011 - Guillaume Laforge
Groovy Ecosystem - JFokus 2011 - Guillaume Laforge
Guillaume Laforge
AngularJS Architecture
AngularJS Architecture
Eyal Vardi
Up and Running with ReactJS
Up and Running with ReactJS
Loc Nguyen
React, Redux, ES2015 by Max Petruck
React, Redux, ES2015 by Max Petruck
Maksym Petruk
Introduction to AngularJS For WordPress Developers
Introduction to AngularJS For WordPress Developers
Caldera Labs
Using ReactJS in AngularJS
Using ReactJS in AngularJS
Boris Dinkevich
Angularjs Performance
Angularjs Performance
Steven Lambert
AngularJs
AngularJs
syam kumar kk
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Jeado Ko
Bootstrap과 UI-Bootstrap
Bootstrap과 UI-Bootstrap
WebFrameworks
Java script
Java script
Sukrit Gupta
An Introduction to ReactJS
An Introduction to ReactJS
All Things Open
情熱の入社オンボーディ ング~コスト下げる~
情熱の入社オンボーディ ング~コスト下げる~
Wakana Yoshizawa
妊娠子育て中にReact js動画コースをudemyで公開するまで
妊娠子育て中にReact js動画コースをudemyで公開するまで
Wakana Yoshizawa
More Related Content
What's hot
Let's react - Meetup
Let's react - Meetup
RAJNISH KATHAROTIYA
AngularJS Data Binding
AngularJS Data Binding
Ticore Shih
React JS and Redux
React JS and Redux
Glib Kechyn
AngularJS Directives
AngularJS Directives
Eyal Vardi
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Ayes Chinmay
ReactJs presentation
ReactJs presentation
nishasowdri
REACT.JS : Rethinking UI Development Using JavaScript
REACT.JS : Rethinking UI Development Using JavaScript
Deepu S Nath
AngularJS for Java Developers
AngularJS for Java Developers
Loc Nguyen
Groovy Ecosystem - JFokus 2011 - Guillaume Laforge
Groovy Ecosystem - JFokus 2011 - Guillaume Laforge
Guillaume Laforge
AngularJS Architecture
AngularJS Architecture
Eyal Vardi
Up and Running with ReactJS
Up and Running with ReactJS
Loc Nguyen
React, Redux, ES2015 by Max Petruck
React, Redux, ES2015 by Max Petruck
Maksym Petruk
Introduction to AngularJS For WordPress Developers
Introduction to AngularJS For WordPress Developers
Caldera Labs
Using ReactJS in AngularJS
Using ReactJS in AngularJS
Boris Dinkevich
Angularjs Performance
Angularjs Performance
Steven Lambert
AngularJs
AngularJs
syam kumar kk
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Jeado Ko
Bootstrap과 UI-Bootstrap
Bootstrap과 UI-Bootstrap
WebFrameworks
Java script
Java script
Sukrit Gupta
An Introduction to ReactJS
An Introduction to ReactJS
All Things Open
What's hot
(20)
Let's react - Meetup
Let's react - Meetup
AngularJS Data Binding
AngularJS Data Binding
React JS and Redux
React JS and Redux
AngularJS Directives
AngularJS Directives
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology
ReactJs presentation
ReactJs presentation
REACT.JS : Rethinking UI Development Using JavaScript
REACT.JS : Rethinking UI Development Using JavaScript
AngularJS for Java Developers
AngularJS for Java Developers
Groovy Ecosystem - JFokus 2011 - Guillaume Laforge
Groovy Ecosystem - JFokus 2011 - Guillaume Laforge
AngularJS Architecture
AngularJS Architecture
Up and Running with ReactJS
Up and Running with ReactJS
React, Redux, ES2015 by Max Petruck
React, Redux, ES2015 by Max Petruck
Introduction to AngularJS For WordPress Developers
Introduction to AngularJS For WordPress Developers
Using ReactJS in AngularJS
Using ReactJS in AngularJS
Angularjs Performance
Angularjs Performance
AngularJs
AngularJs
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Bootstrap과 UI-Bootstrap
Bootstrap과 UI-Bootstrap
Java script
Java script
An Introduction to ReactJS
An Introduction to ReactJS
More from Wakana Yoshizawa
情熱の入社オンボーディ ング~コスト下げる~
情熱の入社オンボーディ ング~コスト下げる~
Wakana Yoshizawa
妊娠子育て中にReact js動画コースをudemyで公開するまで
妊娠子育て中にReact js動画コースをudemyで公開するまで
Wakana Yoshizawa
Braintree+facebook messangerでチケット購入
Braintree+facebook messangerでチケット購入
Wakana Yoshizawa
Djangoを使って爆速でapi作成した
Djangoを使って爆速でapi作成した
Wakana Yoshizawa
開発前にインタビューをして分かったこと 吉澤和香奈
開発前にインタビューをして分かったこと 吉澤和香奈
Wakana Yoshizawa
Webサーバー監視tips 吉澤和香奈
Webサーバー監視tips 吉澤和香奈
Wakana Yoshizawa
前期反省&下期目標 吉澤和香奈
前期反省&下期目標 吉澤和香奈
Wakana Yoshizawa
自己紹介&自社紹介 吉澤和香奈
自己紹介&自社紹介 吉澤和香奈
Wakana Yoshizawa
More from Wakana Yoshizawa
(8)
情熱の入社オンボーディ ング~コスト下げる~
情熱の入社オンボーディ ング~コスト下げる~
妊娠子育て中にReact js動画コースをudemyで公開するまで
妊娠子育て中にReact js動画コースをudemyで公開するまで
Braintree+facebook messangerでチケット購入
Braintree+facebook messangerでチケット購入
Djangoを使って爆速でapi作成した
Djangoを使って爆速でapi作成した
開発前にインタビューをして分かったこと 吉澤和香奈
開発前にインタビューをして分かったこと 吉澤和香奈
Webサーバー監視tips 吉澤和香奈
Webサーバー監視tips 吉澤和香奈
前期反省&下期目標 吉澤和香奈
前期反省&下期目標 吉澤和香奈
自己紹介&自社紹介 吉澤和香奈
自己紹介&自社紹介 吉澤和香奈
Recently uploaded
Double Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torque
BhangaleSonal
S1S2 B.Arch MGU - HOA1&2 Module 3 -Temple Architecture of Kerala.pptx
S1S2 B.Arch MGU - HOA1&2 Module 3 -Temple Architecture of Kerala.pptx
SCMS School of Architecture
DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
MayuraD1
FEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced Loads
FEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced Loads
Arindam Chakraborty, Ph.D., P.E. (CA, TX)
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
maisarahman1
DC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equation
BhangaleSonal
Integrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - Neometrix
Neometrix_Engineering_Pvt_Ltd
Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...
Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...
soginsider
AIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech students
vanyagupta248
Learn the concepts of Thermodynamics on Magic Marks
Learn the concepts of Thermodynamics on Magic Marks
Magic Marks
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
Epec Engineered Technologies
Employee leave management system project.
Employee leave management system project.
Kamal Acharya
Rums floating Omkareshwar FSPV IM_16112021.pdf
Rums floating Omkareshwar FSPV IM_16112021.pdf
smsksolar
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
JIT KUMAR GUPTA
Call Girls in South Ex (delhi) call me [🔝9953056974🔝] escort service 24X7
Call Girls in South Ex (delhi) call me [🔝9953056974🔝] escort service 24X7
9953056974 Low Rate Call Girls In Saket, Delhi NCR
"Lesotho Leaps Forward: A Chronicle of Transformative Developments"
"Lesotho Leaps Forward: A Chronicle of Transformative Developments"
mphochane1998
Online food ordering system project report.pdf
Online food ordering system project report.pdf
Kamal Acharya
Introduction to Serverless with AWS Lambda
Introduction to Serverless with AWS Lambda
Omar Fathy
Computer Networks Basics of Network Devices
Computer Networks Basics of Network Devices
ChandrakantDivate1
Hostel management system project report..pdf
Hostel management system project report..pdf
Kamal Acharya
Recently uploaded
(20)
Double Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torque
S1S2 B.Arch MGU - HOA1&2 Module 3 -Temple Architecture of Kerala.pptx
S1S2 B.Arch MGU - HOA1&2 Module 3 -Temple Architecture of Kerala.pptx
DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
FEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced Loads
FEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced Loads
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
DC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equation
Integrated Test Rig For HTFE-25 - Neometrix
Integrated Test Rig For HTFE-25 - Neometrix
Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...
Hazard Identification (HAZID) vs. Hazard and Operability (HAZOP): A Comparati...
AIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech students
Learn the concepts of Thermodynamics on Magic Marks
Learn the concepts of Thermodynamics on Magic Marks
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
Employee leave management system project.
Employee leave management system project.
Rums floating Omkareshwar FSPV IM_16112021.pdf
Rums floating Omkareshwar FSPV IM_16112021.pdf
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
Call Girls in South Ex (delhi) call me [🔝9953056974🔝] escort service 24X7
Call Girls in South Ex (delhi) call me [🔝9953056974🔝] escort service 24X7
"Lesotho Leaps Forward: A Chronicle of Transformative Developments"
"Lesotho Leaps Forward: A Chronicle of Transformative Developments"
Online food ordering system project report.pdf
Online food ordering system project report.pdf
Introduction to Serverless with AWS Lambda
Introduction to Serverless with AWS Lambda
Computer Networks Basics of Network Devices
Computer Networks Basics of Network Devices
Hostel management system project report..pdf
Hostel management system project report..pdf
React.js触ってみた 吉澤和香奈
1.
JS React.js
2.
• •
3.
• • LT3 • LT • •
4.
5.
React.js
6.
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
7.
index.html cd ../ vim index.html
8.
<!DOCTYPE html> <html> <head lang="ja"> <meta
charset="UTF-8"> <title>test</title> </head> <body> <div id=“hello"></div> <script type=“text/jsx">
9.
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>
10.
11.
12.
13.
• JavaScript HTML •
MVC V • •
Download now