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 ...
Search
Peter Piekarczyk
February 22, 2017
Technology
1
1.1k
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
160
2019 GOTO Conf - Future of React & ReasonML
peterpme
0
650
2019 MagnoliaJS: Building Expo Apps with Draftbit
peterpme
1
590
2019 ReasonConf - ReasonML & Hiring at Draftbit
peterpme
0
540
2019 App.js Conf - Building Expo & React Native Apps with Draftbit
peterpme
2
570
2018 - React Chicago - ReasonReact - A Love Story
peterpme
3
780
DevOps Day Chicago 2017 - Your Body's Configuration is Important, Too
peterpme
0
140
Future of High Performance Node
peterpme
0
290
React Rally 2015: Makin' Music with React & The Midi / Audio APIs
peterpme
1
490
Other Decks in Technology
See All in Technology
さくらのクラウド開発の裏側
metakoma
PRO
18
5.9k
KubeCon EU 2025 Recap - Kubernetes CRD Design for the Long Haul: Tips, Tricks, and Lessons Learned / Kubernetes Meetup Tokyo #70 / k8sjp70-crd-long-haul-recap
everpeace
0
100
名単体テスト 禁断の傀儡(モック)
iwamot
PRO
1
320
Amplifyとゼロからはじめた AIコーディング。失敗と気づき
mkdev10
1
170
4社統合におけるマスタデータ管理に立ち向かう / Towards master data management in the four-company integration
carta_engineering
0
270
事業と組織から目を逸らずに技術でリードする
ogugu9
19
5.3k
問 1:以下のコンパイラを証明せよ(予告編) #kernelvm / Kernel VM Study Kansai 11th
ytaka23
3
640
ユーザーコミュニティが海外スタートアップのDevRelを補完する瞬間
nagauta
1
200
生成AI時代における人間の情熱とプロダクト志向 / 20250517 Takuya Oikawa
shift_evolve
2
140
Sleep-time Compute: LLM推論コスト削減のための事前推論
sergicalsix
1
150
encoding/json v2を予習しよう!
yuyu_hf
PRO
1
220
Lakehouse в Лемана Тех. От архитектуры до оптимизации
emeremyanina1234
0
370
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Thoughts on Productivity
jonyablonski
69
4.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
How STYLIGHT went responsive
nonsquared
100
5.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
720
Side Projects
sachag
453
42k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Documentation Writing (for coders)
carmenintech
71
4.8k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
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