SlideShare a Scribd company logo
7:00pm - 7:50pm
CloneCat 101 - Clone Github
(Kent)
7:50pm - 8:00pm
8:00pm - 9:00pm
RN First bite Native FB - FB
(Tomas)
9:00pm~
CloneCat 101
Clone Github
Kent @ 2016-04-20
–
fk!
clonecat
clonecat !== copycat
clone pr
der
Clark Kent
Trunk-Studio Full Stack Developer
kent@trunk-studio.com
blog - http://logme.lol
github - https://github.com/kuyen
WaaRemoteiOS
+
iOS
+
GeodoerAndroid
Android
WEB
RN
javascript
- java
- openJDK
- objective-c
- swift
- swift 2
- ….
- javascript
WEB Android iOS
React-Native
RN NODE NPM
4.0+ 2
version versionversion
0.24
Android
https://github.com/niftylettuce/frappe
SDK
http://facebook.github.io/react-native/
RN
npm i react-native-cli -g
react-native init Foo
$react-native run-ios
$react-native run-android
– Newton
If I have seen farther than others, it is
because I was standing on the shoulders of
giants.
https://github.com/kyoyadmoon/react-native-icon-checkbox
https://github.com/kyoyadmoon
react-native-icon-checkbox
npm install react-native-icon-checkbox --save
react-native-icons
npm install react-native-vector-icons --save
CloneCat
clone
$git clone https://github.com/kuyen/react-native-drawer.git
$react-native run-ios
$react-native run-android
debug
One more thing…
React-Native Playground
https://rnplay.org/
Another thing…
Facebook Group
“React Native Taiwan”
http://reactnative.asia
SOFT & SHARE SLACK
“React Native”
https://softnshare.wordpress.com/slack/reactnative/
https://github.com/kyoyadmoon
Another ..
Refs-
- http://facebook.github.io/
-
- https://github.com/kuyen/react-native-drawer.git
-
- https://github.com/kyoyadmoon/react-native-icon-checkbox
- React-Native Playground
- https://rnplay.org/
-
- https://softnshare.wordpress.com/slack/reactnative/
- http://reactnative.asia
- HackPad
- https://trunkstudio.hackpad.com/-React-Native--MXAkLjQknkk#:h=
7:50pm - 8:00pm

More Related Content

What's hot

What's hot (20)

DO YOU WANT TO USE A VCS
DO YOU WANT TO USE A VCSDO YOU WANT TO USE A VCS
DO YOU WANT TO USE A VCS
 
Ruby Throwdown Hosted by Engine Yard
Ruby Throwdown Hosted by Engine YardRuby Throwdown Hosted by Engine Yard
Ruby Throwdown Hosted by Engine Yard
 
Git training with Devaamo
Git training with DevaamoGit training with Devaamo
Git training with Devaamo
 
Let the contribution begin
Let the contribution beginLet the contribution begin
Let the contribution begin
 
IronRuby on Teched Japan
IronRuby on Teched JapanIronRuby on Teched Japan
IronRuby on Teched Japan
 
GiTFO
GiTFOGiTFO
GiTFO
 
A First Look at RedwoodJS
A First Look at RedwoodJSA First Look at RedwoodJS
A First Look at RedwoodJS
 
Jamstack Denver
Jamstack DenverJamstack Denver
Jamstack Denver
 
Pseudo-versions, moving to Go1.13 and later versions
Pseudo-versions, moving to Go1.13 and later versionsPseudo-versions, moving to Go1.13 and later versions
Pseudo-versions, moving to Go1.13 and later versions
 
SouthEast LinuxFest 2015 - intro to git
SouthEast LinuxFest 2015 -  intro to gitSouthEast LinuxFest 2015 -  intro to git
SouthEast LinuxFest 2015 - intro to git
 
Beyond 100% test coverage
Beyond 100% test coverageBeyond 100% test coverage
Beyond 100% test coverage
 
Ecosystem session: Sensu + Puppet
Ecosystem session: Sensu + PuppetEcosystem session: Sensu + Puppet
Ecosystem session: Sensu + Puppet
 
GREAT STEP 2. TDD & MockMVC
GREAT STEP 2. TDD & MockMVCGREAT STEP 2. TDD & MockMVC
GREAT STEP 2. TDD & MockMVC
 
PuppetConf 2014 Killer R10K Workflow Without Notes
PuppetConf 2014 Killer R10K Workflow Without NotesPuppetConf 2014 Killer R10K Workflow Without Notes
PuppetConf 2014 Killer R10K Workflow Without Notes
 
떠먹는 '오브젝트' Ch07 객체 분해
떠먹는 '오브젝트' Ch07 객체 분해떠먹는 '오브젝트' Ch07 객체 분해
떠먹는 '오브젝트' Ch07 객체 분해
 
Ros with docker 20151107
Ros with docker  20151107Ros with docker  20151107
Ros with docker 20151107
 
How to ros
How to rosHow to ros
How to ros
 
Golang workshop
Golang workshopGolang workshop
Golang workshop
 
GIT - DUG Antwerp
GIT - DUG AntwerpGIT - DUG Antwerp
GIT - DUG Antwerp
 
Week7 bean life cycle
Week7 bean life cycleWeek7 bean life cycle
Week7 bean life cycle
 

Viewers also liked

鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報
淳甫 鄭
 
中小企業網路大學校 粉絲團行銷
中小企業網路大學校   粉絲團行銷中小企業網路大學校   粉絲團行銷
中小企業網路大學校 粉絲團行銷
煜庭 邱
 
網路行銷實務及應用趨勢
網路行銷實務及應用趨勢網路行銷實務及應用趨勢
網路行銷實務及應用趨勢
煜庭 邱
 
全家與健保藥局異業合作計劃書
全家與健保藥局異業合作計劃書全家與健保藥局異業合作計劃書
全家與健保藥局異業合作計劃書
俊仁 黃
 
4.如何準備一場精采的提案.ppt
4.如何準備一場精采的提案.ppt4.如何準備一場精采的提案.ppt
4.如何準備一場精采的提案.ppt
wei mingyang
 

Viewers also liked (18)

鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報
 
React基礎教學
React基礎教學React基礎教學
React基礎教學
 
20160802-林誠夏-高雄榮民總醫院教學研究部-活用創用CC線上資源-數位教材、簡報與實體海報製作-odp
20160802-林誠夏-高雄榮民總醫院教學研究部-活用創用CC線上資源-數位教材、簡報與實體海報製作-odp20160802-林誠夏-高雄榮民總醫院教學研究部-活用創用CC線上資源-數位教材、簡報與實體海報製作-odp
20160802-林誠夏-高雄榮民總醫院教學研究部-活用創用CC線上資源-數位教材、簡報與實體海報製作-odp
 
只需要懂Jquery也能學react js
只需要懂Jquery也能學react js只需要懂Jquery也能學react js
只需要懂Jquery也能學react js
 
中小企業網路大學校 粉絲團行銷
中小企業網路大學校   粉絲團行銷中小企業網路大學校   粉絲團行銷
中小企業網路大學校 粉絲團行銷
 
Seo搜尋行銷網戰攻略
Seo搜尋行銷網戰攻略Seo搜尋行銷網戰攻略
Seo搜尋行銷網戰攻略
 
網路行銷實務及應用趨勢
網路行銷實務及應用趨勢網路行銷實務及應用趨勢
網路行銷實務及應用趨勢
 
Mozilla Webmaker: Intro
Mozilla Webmaker: IntroMozilla Webmaker: Intro
Mozilla Webmaker: Intro
 
全家與健保藥局異業合作計劃書
全家與健保藥局異業合作計劃書全家與健保藥局異業合作計劃書
全家與健保藥局異業合作計劃書
 
異業合作成功行銷案例
異業合作成功行銷案例異業合作成功行銷案例
異業合作成功行銷案例
 
牛爾合作簡報
牛爾合作簡報牛爾合作簡報
牛爾合作簡報
 
創意行銷-異業合作、異業結盟創造市場新商機
創意行銷-異業合作、異業結盟創造市場新商機創意行銷-異業合作、異業結盟創造市場新商機
創意行銷-異業合作、異業結盟創造市場新商機
 
4.如何準備一場精采的提案.ppt
4.如何準備一場精采的提案.ppt4.如何準備一場精采的提案.ppt
4.如何準備一場精采的提案.ppt
 
Vue js 大型專案架構
Vue js 大型專案架構Vue js 大型專案架構
Vue js 大型專案架構
 
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
 
企劃提案簡報力提昇
企劃提案簡報力提昇企劃提案簡報力提昇
企劃提案簡報力提昇
 
數據、洞察、設計 如何結合數據改善政府數位服務-蔡明哲
數據、洞察、設計   如何結合數據改善政府數位服務-蔡明哲數據、洞察、設計   如何結合數據改善政府數位服務-蔡明哲
數據、洞察、設計 如何結合數據改善政府數位服務-蔡明哲
 
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
 

Similar to 創科資訊四月小聚 - React Native Clonecat 101

Similar to 創科資訊四月小聚 - React Native Clonecat 101 (20)

My ROS Experience
My ROS ExperienceMy ROS Experience
My ROS Experience
 
Riding on rails3 with full stack of gems
Riding on rails3 with full stack of gemsRiding on rails3 with full stack of gems
Riding on rails3 with full stack of gems
 
OpenShift State of the Union, brought to you by JBoss
OpenShift State of the Union, brought to you by JBossOpenShift State of the Union, brought to you by JBoss
OpenShift State of the Union, brought to you by JBoss
 
Optimizing Spring Boot apps for Docker
Optimizing Spring Boot apps for DockerOptimizing Spring Boot apps for Docker
Optimizing Spring Boot apps for Docker
 
Node.js Anti Patterns
Node.js Anti PatternsNode.js Anti Patterns
Node.js Anti Patterns
 
Plone - A History of Python Web
Plone - A History of Python WebPlone - A History of Python Web
Plone - A History of Python Web
 
9 steps to awesome with kubernetes
9 steps to awesome with kubernetes9 steps to awesome with kubernetes
9 steps to awesome with kubernetes
 
RubyTuesdays RTanque Tournament
RubyTuesdays RTanque TournamentRubyTuesdays RTanque Tournament
RubyTuesdays RTanque Tournament
 
Building a private CI/CD pipeline with Java and Docker in the cloud as presen...
Building a private CI/CD pipeline with Java and Docker in the cloud as presen...Building a private CI/CD pipeline with Java and Docker in the cloud as presen...
Building a private CI/CD pipeline with Java and Docker in the cloud as presen...
 
Boxen: How to Manage an Army of Laptops
Boxen: How to Manage an Army of LaptopsBoxen: How to Manage an Army of Laptops
Boxen: How to Manage an Army of Laptops
 
Design and Evolution of cyber-dojo
Design and Evolution of cyber-dojoDesign and Evolution of cyber-dojo
Design and Evolution of cyber-dojo
 
An intro to the JAMStack and Eleventy
An intro to the JAMStack and EleventyAn intro to the JAMStack and Eleventy
An intro to the JAMStack and Eleventy
 
Building Docker Containers @ Scale
Building Docker Containers @ ScaleBuilding Docker Containers @ Scale
Building Docker Containers @ Scale
 
Happy porting x86 application to android
Happy porting x86 application to androidHappy porting x86 application to android
Happy porting x86 application to android
 
LetSwift 2017 - 토스 iOS 앱의 개발/배포 환경
LetSwift 2017 - 토스 iOS 앱의 개발/배포 환경LetSwift 2017 - 토스 iOS 앱의 개발/배포 환경
LetSwift 2017 - 토스 iOS 앱의 개발/배포 환경
 
Open shift
Open shiftOpen shift
Open shift
 
Frasco: Jekyll Starter Project
Frasco: Jekyll Starter ProjectFrasco: Jekyll Starter Project
Frasco: Jekyll Starter Project
 
Breaking bad habits with GitLab CI
Breaking bad habits with GitLab CIBreaking bad habits with GitLab CI
Breaking bad habits with GitLab CI
 
Construire son JDK en 10 étapes
Construire son JDK en 10 étapesConstruire son JDK en 10 étapes
Construire son JDK en 10 étapes
 
IoT dla programistów
IoT dla programistówIoT dla programistów
IoT dla programistów
 

Recently uploaded

Mastering Windows 7 A Comprehensive Guide for Power Users .pdf
Mastering Windows 7 A Comprehensive Guide for Power Users .pdfMastering Windows 7 A Comprehensive Guide for Power Users .pdf
Mastering Windows 7 A Comprehensive Guide for Power Users .pdf
mbmh111980
 
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns
 

Recently uploaded (20)

Mastering Windows 7 A Comprehensive Guide for Power Users .pdf
Mastering Windows 7 A Comprehensive Guide for Power Users .pdfMastering Windows 7 A Comprehensive Guide for Power Users .pdf
Mastering Windows 7 A Comprehensive Guide for Power Users .pdf
 
Crafting the Perfect Measurement Sheet with PLM Integration
Crafting the Perfect Measurement Sheet with PLM IntegrationCrafting the Perfect Measurement Sheet with PLM Integration
Crafting the Perfect Measurement Sheet with PLM Integration
 
Into the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdfInto the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdf
 
top nidhi software solution freedownload
top nidhi software solution freedownloadtop nidhi software solution freedownload
top nidhi software solution freedownload
 
GraphAware - Transforming policing with graph-based intelligence analysis
GraphAware - Transforming policing with graph-based intelligence analysisGraphAware - Transforming policing with graph-based intelligence analysis
GraphAware - Transforming policing with graph-based intelligence analysis
 
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
 
AI/ML Infra Meetup | ML explainability in Michelangelo
AI/ML Infra Meetup | ML explainability in MichelangeloAI/ML Infra Meetup | ML explainability in Michelangelo
AI/ML Infra Meetup | ML explainability in Michelangelo
 
De mooiste recreatieve routes ontdekken met RouteYou en FME
De mooiste recreatieve routes ontdekken met RouteYou en FMEDe mooiste recreatieve routes ontdekken met RouteYou en FME
De mooiste recreatieve routes ontdekken met RouteYou en FME
 
AI/ML Infra Meetup | Perspective on Deep Learning Framework
AI/ML Infra Meetup | Perspective on Deep Learning FrameworkAI/ML Infra Meetup | Perspective on Deep Learning Framework
AI/ML Infra Meetup | Perspective on Deep Learning Framework
 
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...
 
Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...
Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...
Abortion ^Clinic ^%[+971588192166''] Abortion Pill Al Ain (?@?) Abortion Pill...
 
Advanced Flow Concepts Every Developer Should Know
Advanced Flow Concepts Every Developer Should KnowAdvanced Flow Concepts Every Developer Should Know
Advanced Flow Concepts Every Developer Should Know
 
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoamOpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
 
SOCRadar Research Team: Latest Activities of IntelBroker
SOCRadar Research Team: Latest Activities of IntelBrokerSOCRadar Research Team: Latest Activities of IntelBroker
SOCRadar Research Team: Latest Activities of IntelBroker
 
Breaking the Code : A Guide to WhatsApp Business API.pdf
Breaking the Code : A Guide to WhatsApp Business API.pdfBreaking the Code : A Guide to WhatsApp Business API.pdf
Breaking the Code : A Guide to WhatsApp Business API.pdf
 
Facemoji Keyboard released its 2023 State of Emoji report, outlining the most...
Facemoji Keyboard released its 2023 State of Emoji report, outlining the most...Facemoji Keyboard released its 2023 State of Emoji report, outlining the most...
Facemoji Keyboard released its 2023 State of Emoji report, outlining the most...
 
Top Mobile App Development Companies 2024
Top Mobile App Development Companies 2024Top Mobile App Development Companies 2024
Top Mobile App Development Companies 2024
 
Using IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New ZealandUsing IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New Zealand
 
Studiovity film pre-production and screenwriting software
Studiovity film pre-production and screenwriting softwareStudiovity film pre-production and screenwriting software
Studiovity film pre-production and screenwriting software
 
A Python-based approach to data loading in TM1 - Using Airflow as an ETL for TM1
A Python-based approach to data loading in TM1 - Using Airflow as an ETL for TM1A Python-based approach to data loading in TM1 - Using Airflow as an ETL for TM1
A Python-based approach to data loading in TM1 - Using Airflow as an ETL for TM1
 

創科資訊四月小聚 - React Native Clonecat 101