Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Things I Wish I Knew About React Native When I Started
Search
Peter Piekarczyk
February 22, 2017
Technology
1
890
Things I Wish I Knew About React Native When I Started
Practical guide to making your React Native experience better :)
Peter Piekarczyk
February 22, 2017
Tweet
Share
More Decks by Peter Piekarczyk
See All by Peter Piekarczyk
ReasonML - The Future of React 💯
peterpme
1
120
2019 GOTO Conf - Future of React & ReasonML
peterpme
0
560
2019 MagnoliaJS: Building Expo Apps with Draftbit
peterpme
1
540
2019 ReasonConf - ReasonML & Hiring at Draftbit
peterpme
0
490
2019 App.js Conf - Building Expo & React Native Apps with Draftbit
peterpme
2
520
2018 - React Chicago - ReasonReact - A Love Story
peterpme
3
760
DevOps Day Chicago 2017 - Your Body's Configuration is Important, Too
peterpme
0
110
Future of High Performance Node
peterpme
0
180
React Rally 2015: Makin' Music with React & The Midi / Audio APIs
peterpme
1
480
Other Decks in Technology
See All in Technology
人工衛星管制システムにおけるCICD / CICD in satellite control systems
iselegant
8
1k
Cloud Deploy と仲良くなりたい
phaya72
1
100
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
1.8k
関数型DDDの理論と実践:「決定を遅らせる」を先につくり、 ビジネスの機動力と価値をあげる
knih
2
150
10分でわかるfreeeのQA
freee
0
210
データ化エンジニアとしての1年を振り返る
sansantech
PRO
3
250
Autify Company Deck
autifyhq
1
30k
.NETの非同期戦略とUnityとの相互運用
neuecc
2
2.4k
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
140
オブジェクト指向CSSが叶えたかったことと、CSSのいま / The aims of Object-oriented CSS and the current state of CSS usage
shinkufencer
11
3.1k
AWS アーキテクチャクイズ
yuu26
2
700
庁舎DX推進事例集
senryakuka
0
2.3k
Featured
See All Featured
Unsuck your backbone
ammeep
660
56k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Ruby is Unlike a Banana
tanoku
95
10k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
Clear Off the Table
cherdarchuk
82
310k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
How GitHub (no longer) Works
holman
301
140k
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
What's new in Ruby 2.0
geeforr
335
31k
Agile that works and the tools we love
rasmusluckow
323
20k
Transcript
456''1&01-&4)06-% )"7&50-%.&"#065 3&"$5/"5*7& 1&5&31*&,"3$;:, !QFUFSQNF
1*&↟$"3↟$)*$, ↟ 71 1SPEVDUHPCPPUMFSDPN ↟ 3FBDU/BUJWF3BEJP ↟ 4QFBLFS ↟ t&OUSFQSFOVFSu
!QFUFSQNF !QFUFSQNF
↟9BNBSJO YBNBSJODPN ↟#VJME/BUJWF"OESPJE J04 .BDBQQTVTJOH$ ↟.BUVSFBOEQFSGPSNBOUQMBUGPSN ↟#BDLFE#Z.JDSPTPGU ↟/BUJWF4DSJQU OBUJWFTDSJQUPSH
↟#VJMUGPS"OHVMBS 5ZQF4DSJQUPS+BWBTDSJQU ↟8SJUFPODF SVOFWFSZXIFSF ↟#BDLFECZ5FMFSJL $0.1&5*5034
3&"%5)&%0$4
IUUQTGBDFCPPLHJUIVCJPSFBDUOBUJWF
None
3&"%5)& 3&-&"4&/05&4
None
None
None
None
None
'"/5"45*$3&4063$&4 ↟ NBLFJUPQFODPN ↟ '#T'$POGFSFODF"QQGFBUVSJOH3/ 3FEVY (SBQI2- 'MPX ↟ SFBDUOBUJWFFYQSFTTDPN
↟ 6QUPEBUFHVJEFGVMMMFOHUICFHJOOFSTHVJEF ↟ 3FBDU/BUJWF'VOEBNFOUBMT!FHHIFBEJP ↟ 7JEFPHVJEFCZ5ZMFS.D(JOOJT
'"/5"45*$3&4063$&4 ↟ SFBDUOBWJHBUJPOPSH ↟ "TFSJFTPGHVJEFTGSPNUIFGPMLTUIBUCVJMUUIFOFX/BWJHBUJPO MJCSBSZ ↟ -FBSOJOH3FBDU/BUJWF#PPL ↟ "QSBDUJDBMJOUSPEVDUJPOCZ#POOJF&JTFONBOGSPN5XJUUFS
3&"$5/"5*7&6#&3 IUUQXXXSFBDUOBUJWFFYQSFTTDPNVCFS
+0*/3&"$5*'-69 0/%*4$03% SFBDUJGMVYDPN
6*&91-03&3 (PPHMFt3FBDU/BUJWF6*&YQMPSFS(JUIVCu ↟$PNQPOFOU,JUDIFO4JOL ↟&BTZUP&YQFSJNFOU8JUI ↟-FBETUP0UIFS(SFBU&YBNQMFT5PP
6*&91-03&3
,&&1:063/"5*7&"11 "%%3&"$5/"5*7&50*5 IUUQTFOHJOFFSJOHJOTUBHSBNDPN ↟ *ODSFNFOUBM6QEBUFT'58 ↟ 4FFJG:PVSF5SVMZ*OUPJU ↟ (FU$MPTFSXJUI:PVS/BUJWF5FBN
#0*-&31-"5&4 (&55*/(45"35&% 410*-&3 %0/564&0/&+645:&5
#0*-&31-"5&1304 ↟ 1SPKFDU4FUVQJTUJNFDPOTVNJOH ↟ 3FEVY /BWJHBUJPO %BUB1FSTJTUFODF /FUXPSL$BMMTj ↟ -BSHF$PNNVOJUZPG$POUSJCVUPST
↟ .BLFTJUFBTZUPHFUIFMQBOEVOEFSTUBOEEFDJTJPOTWJB13T ↟ $PNQMFY5FDI8PSLTJO)BSNPOZ ↟ /PUBMMTFUVQJTFBTZUPDPOGJHVSF
#0*-&31-"5&$0/4 ↟ .BHJD ↟ *GZPVEPOUVOEFSTUBOEUIFUFDI DIBOHJOHBOZUIJOHOJHIUNBSF ↟ 0QJOJPOBUFE ↟ :PVNJHIUOPUMJLF4BHBT
PS5IVOLTPS$44*O+4 ↟ "CTUSBDUJPOT%POU$PWFSFWFSZ6TFDBTF ↟ :PVSFUIFPOMZPOFUIBUVOEFSTUBOETBMMUIFSFRVJSFNFOUT
1016-"3#0*-&31-"5&4 ↟*HOJUF HJUIVCDPNJOGJOJUFSFEJHOJUF ↟4OPXGMBLF HJUIVCDPNCBSUPOIBNNPOETOPXGMBLF ↟1FQQFSPOJ HFUQFQQFSPOJDPN
↟/BUJWF#BTF OBUJWFCBTFJP
1-"/")&"%
↟.BLFB#MVFQSJOU ↟5FTU$PNQPOFOUT"IFBE0G5JNF ↟4FBSDI*TTVFTGPS4JNJMBS6TF$BTFT
.",&1"5)4'6/ DPOTU)FMMP*NBHFSFRVJSF JNBHFTIFMMPQOH #&'03& DPOTU)FMMP*NBHFSFRVJSF !JNBHFTIFMMPQOH "'5&3
app |—assets |—images |—hello-world.png |—index.js |—package.json |—components |—utilities |—index.js |—package.json
|—build-fetch.js |—format-currency.js
const IMAGES = { helloWorld: require(‘./hello-world.png’), backButton: require(‘./back-button.png’), }; module.exports
= IMAGES; JNBHFTJOEFYKT
{ “name”: “@images”, “main”: “index.js” } JNBHFTQBDLBHFKTPO
export buildFetch from ‘./build-fetch’; export formatCurrency from ‘./format-currency’; VUJMJUJFTJOEFYKT
import buildFetch from ‘./build-fetch’; import formatCurrency from ‘./format-currency’; export const
BuildFetch = buildFetch; export const FormatCurrency = formatCurrency; VUJMJUJFTJOEFYKT
/"7*("5*0/ 8&#/"5*7&
/"7*("5*0/ ↟ 4UBDL/BWJHBUJPO ↟ "TUBDLPGSPVUFTUIBUZPVQVTIQPQ ↟ 5BC/BWJHBUJPO ↟ J045BC#BS ↟
%SBXFS/BWJHBUJPO ↟ "OESPJE0GG$BOWBT ↟ .PEBMT ↟ 'SBNFXPSLTQFDJGJD &BTZUP,FFQ0VUPG UIF3PVUFS"MUPHFUIFS
↟ /VDMJEF ↟ '#1MVHJO#VJMUPOUPQPG"UPNUPVOJGZ'BDFCPPL%FWFMPQFST8PSLGMPXT ↟ OVDMJEFJP ↟ &YQPOFOU 9%& &YUFOEFE%FWFMPQNFOU&OWJSPONFOU
↟ "CTUSBDUJPO0O5PQ0G3FBDU/BUJWF ↟ HFUFYQPOFOUDPN ↟ %&$0*%& ↟ 4LFUDITUZMF(6* ↟ EFDPTPGUXBSFDPN %&7&-01&3&91&3*&/$&
↟ 3FBEUIF3FMFBTF/PUFT ↟ $SFBUFB/FX#SBODI ↟ #F1SFQBSFE5P/VLFOPEF@NPEVMFT CVJMET FUD ↟ SOEJGGJT:PVS'SJFOE
61(3"%*/(
↟ (FOFSBUFTB1BUDI#BTFE0O&WFSZ7FSTJPO ↟ $PNQBSF5IF%JGGJOUIF#SPXTFS ↟ "QQMZ5IF1BUDI5P:PVS#SBODI ↟ HJUIVCDPNODVJMMFSZSOEJGG SOEJGG
diff --git a/RnDiffApp/package.json b/RnDiffApp/package.json index ae545bd ..af81e62 100644 --- a/RnDiffApp/package.json
+++ b/RnDiffApp/package.json @@ -7,6 +7,6 @@ }, "dependencies": { "react": "15.3.1", - "react-native": "0.36.1" + "react-native": "0.37.0" } }
$44 *4%*''&3&/5
↟4VCTFUPG"DUVBM$44"1* ↟4UZMF4IFFU$SFBUF ↟/P$44"OJNBUJPOT ↟/P1SF1SPDFTTPSTMJLF4BTT -FTT
var styles = StyleSheet.create({ container: { borderRadius: 4, borderWidth: 0.5,
borderColor: '#d6d7da', } });
'-&9#09 *4%*''&3&/5
'0-,450'0--08 ↟ /BEFS%BCJU!EBCJU ↟ #SFOU7BUOF!OPUCSFOU ↟ .JLF(SBCPXTLJ!HSBCCPV ↟ 4BUZBKJU4BIPP!TBUZB ↟
+BTPO#SPXO!CSPXOJFGFE ↟ -FMBOE3JDIBSETPO!JOUFMMJHCBCCMF ↟ %FWJO"CCPUU!EFWJOBBCCPUU ↟ +BOJD%VQMFTTJT!KBOJDEVQMFTTJT ↟ .BUFVT[;BUPSTLJ!NBU[BUPSTLJ ↟ 1FUFS1JFLBSD[ZL!QFUFSQNF
5)"/,4 !QFUFSQNF !QFUFSQNF