Why not React Native - JP

Slide 1

Slide 1 text

https://speakerdeck.com/pramendra/ why-not-react-native-en English

Slide 2

Slide 2 text

Why not React Native Pramendra Gupta ύϧϝϯυϥɾάϓλʔ @dotPKG - Θͨ͠ͷܦݧ

Slide 3

Slide 3 text

2015೥ͷग़དྷࣄ ࣌Λࡔͷ΅Δ͜ͱ̎೥…

Slide 4

Slide 4 text

React NativeΛ࢖͏ͷ͸ࠓͳͷ͔ʁ

Slide 5

Slide 5 text

React Native͕ຬͨ͢΂͖৚݅ طଘΞϓϦͱͷ࿈ܞ ࠷ྑͷϓϩάϥϛϯάݴޠػೳ ࠷ߴͷσΟϕϩύʔମݧ शಘ͠΍͢͞ ࠷ߴͷQAମݧ ࠷ڧͷ؂ࢹπʔϧ ੝ΜͳίϛϡχςΟ

Slide 6

Slide 6 text

ొ৔ͨ͠͹͔Γͷٕज़ খ͞ͳίϛϡχςΟ - 2015೥ React NativeΛ࢖͏ͷ͸ࠓͳͷ͔ʁ

Slide 7

Slide 7 text

ະͩ৽͍ٕ͠ज़ ޿͕Γͭͭ͋Δ ɹɹίϛϡχςΟ - 2016೥ React NativeΛ࢖͏ͷ͸ࠓͳͷ͔ʁ

Slide 8

Slide 8 text

iPad ΞϓϦ

Slide 9

Slide 9 text

React Native͕ຬͨ͢΂͖৚݅ طଘΞϓϦͱͷ࿈ܞ ࠷ྑϓϩάϥϛϯάݴޠػೳ ࠷ߴͷσΟϕϩύʔମݧ शಘ͠΍͢͞ ࠷ߴͷQAମݧ ࠷ڧͷ؂ࢹπʔϧ ੝ΜͳίϛϡχςΟ

Slide 10

Slide 10 text

෣͍߱Γͨػձ - 2017೥

Slide 11

Slide 11 text

ཁ݅ɹ - 2017೥ طଘΞϓϦ্ʹߏஙͰ͖Δ͜ͱ හ଎ੑͷߴ͞ ࠷ߴͳQAମݧ ࠷ڧͷ؂ࢹπʔϧ ࠷େڃͷίʔυڞ༗

Slide 12

Slide 12 text

ΞʔΩςΫνϟʔ JS Native App { "ACCESS_TOKEN": “38e15bb…”, … "initialScene": “Settings”, “data”: null } scene/settings templates container components helpers/event hook redux action NativeModules.EventHook.sendEvent( 'openActivity', { name, data, })

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

User and Developer Experience

Slide 15

Slide 15 text

Ϋϥογϡ ϦϙʔςΟϯά https://mobile.azure.com/apps - Microsoft Mobile Center

Slide 16

Slide 16 text

React Native͕ຬͨ͢΂͖৚݅ طଘͷΞϓϦͱͷ࿈ܞ ࠷ྑͷϓϩάϥϛϯάݴޠػೳ ࠷ߴͷσΟϕϩούʔମݧ शಘ͠΍͢͞ ࠷ߴͷQAମݧ ࠷ڧͷ؂ࢹπʔϧ ੝ΜͳίϛϡχςΟ (48K ⭐)

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

ਿӜɹᰜଠ @sota1235

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

React Navigation ٕज़ελοΫ

Slide 21

Slide 21 text

Maya-Kai https://www.youtube.com/watch?v=-v71Z2Qwjao

Slide 22

Slide 22 text

React Native͕ຬͨ͢΂͖৚݅ طଘͷΞϓϦͱͷ࿈ܞ ࠷ྑͷϓϩάϥϛϯάݴޠػೳ ࠷ߴͷσΟϕϩούʔମݧ शಘ͠΍͢͞ ࠷ߴͷQAମݧ ࠷ڧͷ؂ࢹπʔϧ ੝ΜͳίϛϡχςΟ

Slide 23

Slide 23 text

2017೥ React Nativeʹ͢ΔͳΒࠓʂ

Slide 24

Slide 24 text

ແݶͷՄೳੑ React React DOM React Native

Slide 25

Slide 25 text

ࠓ͔ΒJavascriptͰ ΞϓϦΛ࡞Γ͸͡Ί·͠ΐ͏ʂ

Slide 26

Slide 26 text

We are hiring

Slide 27

Slide 27 text

Q&A ࣭͝໰͸͋Γ·͔͢ʁ

Slide 28

Slide 28 text

https://github.com/sota1235/MercariStar

Slide 29

Slide 29 text

https://wellthatwasdifferent.files.wordpress.com/2015/03/time-travel.jpg https://az616578.vo.msecnd.net/files/responsive/embedded/any/desktop/ 2016/05/17/635991081286937872-1970211917_635990475254543758-579009778_yarn.jpg https://pearlsofprofundity.files.wordpress.com/2013/11/opportunity-cat-and-mouse-2.jpg https://cdn.meme.am/cache/instances/folder732/500x/56564732.jpg https://image.slidesharecdn.com/codepush-170228224114/95/next-generation-codepush-and-more-mobile-center-for-react-native- developers-6-638.jpg?cb=1488321950 https://cdn.meme.am/cache/instances/folder652/500x/56627652/business-cat-enough-talk-time-to-demo.jpg http://www.st3recruitment.org.uk/file/image/media/560aaf35c0978_banner-timeline.jpg https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTbil5QfglvhDewgekDSOBw9Az93MJDgeg3pHLwf8LwtRZyBRC9 https://68.media.tumblr.com/14e2b66dfde87c933555ee6e69fca072/tumblr_o0yfia9Dvf1qbu3mbo1_400.gif Photo Credits