JSConf JP 2019 "Migration from React Native to PWA" https://jsconf.jp/2019/talk/masato-ohba
JSConf JP 2019 "Migration from React Native to PWA" https://jsconf.jp/2019/talk/masato-ohba
ããã«ã¡ã¯ãã¨ã³ã¸ãã¢ã® Miho ã§ãï¼ããããã¤ã¯ã§ã¯ React Native ã§ã®ã¢ããªéçºã3å¹´ç®ãè¿ãã¾ããããã¿ãªãã㯠Expo ã«ã¤ãã¦ã©ã®ãããªå°è±¡ãæ±ãã¦ãã¾ããï¼ãããReact Native ã§ã¢ããªéçºï¼ã¨æã£ã¦èª¿ã¹ã¦ã¿ãã¨ãã»ããã§ç´¹ä»ããã¦ãããã¨ãå¤ããã¨æãã¾ãã ç§èªèº«ããExpo ã使ãã¨ãªãã¨ãªãéçºã楽ã«ãªãããã ãª...ð¤ãã¨ããç解ã¬ãã«ã§ããã ï¼ ããããã¤ã¯ã¯ Expo ãæ¡ç¨ãããç´ ã® React Nativeï¼Vanilla React Nativeï¼ã§éçºãã¦ãã¾ãã Expo ãæ¡ç¨ãã¦1年以ä¸éç¨ããCTOããä¸éã«éçµ ãããªãå¤ãã®ã¨ã³ã¸ãã¢ãæ°ã«ãªã£ã¦ãããExpo å®éã©ããªã®ï¼ãã«çãã¦ããããé ¼ãããCTOéãããããã¤ã¯ãªãã£ã¹ã«éã¾ã£ã¦ãã ããã¾ããï¼é常ã«å å®ãã2æéã§ãã¨ã¦ãã²ã¨ã¤ã®è¨äºã«ã¾ã¨ãããã.
ãªãªã¸ãã«ã®ã¹ã©ã¤ã https://drive.google.com/open?id=1usMYktUlwjYVZEUfcSbYERe8ZO2mwnSP
æ±äº¬Nodeå¦åç¥ 2017 Nov 25 React Nativeã¢ããªã§ãE2Eãã£ã¦ã¿ãããã¨æãå®è¡ã«ç§»ãã話 E2Eãã¹ããã£ã¦ã¿ããããªãã¨æã£ã¦ãã人ãæ³å®
Illustration by unDrawInkdropã¨ããMarkdownãã¼ãã¢ããªãä¸äººã§ä½ã£ã¦ããTAKUYAã§ããæè¿ãReact Nativeã使ã£ã¦ãiOSçã¨Androidçã®æ°ãããã¼ã¸ã§ã³ããªãªã¼ã¹ãã¾ãããReact Nativeã¯ãJavaScriptã¨Reactã使ã£ã¦ã¯ãã¹ãã©ãããã©ã¼ã ãªã¢ãã¤ã«ã¢ããªãéçºã§ãããã¬ã¼ã ã¯ã¼ã¯ã§ãã ã©ãããã°React Nativeã§ãã¤ã¯ãªãªãã£ãªã¢ããªãä½ããã®ããä»åã®éçºãéãã¦å¤ãã®ãã¨ãå¦ã³ã¾ãããæ¬ç¨¿ã§ã¯ãããããã¢ããªãä½ãããã«èªåã工夫ãããã¨ãã·ã§ã¢ãã¾ããæ¢ã«React Nativeã§ã¢ããªãä½ã£ã¦ããæ¹ããããããä½ããã¨æã£ã¦ããæ¹ãåèã«ãªããã¨æãã¾ãã æ¦è¦OSSã©ã¤ãã©ãªã¯æ éã«é¸ã¶ãã¤ãã£ãæ¡å¼µã¢ã¸ã¥ã¼ã«ã¯åºæ¥ãã ã使ããªãUIãã¼ãã®å¯¾å¿ã¿ãã¬ããã®å¯¾å¿åä½ã軽ãä¿ã¤éåæã®ãªã
ããªã§çºè¡¨ããã¦ããReactåããããã¯ãããã¾ãã«ãæªæ¥ã«çãã¦ãã¦è奮ããã®ã§ãç´¹ä»ããã¦ãã ããã ç®æ¬¡ ç®æ¬¡ ãã®è¨äºã®ã´ã¼ã« æ³å®èªè ã¯ããã« ä»åãã¼ã¹ã¨ããã½ã¼ã¹ã³ã¼ã React Nativeã¯ä½ããããã¼ã«ã Reactã¯ä½ããããã¼ã«ã React DOMã¨React Nativeã®éã Reactã¢ããªã±ã¼ã·ã§ã³ãæç»ãããã®ãã¡ React DOMã®å½¹å² React Nativeã®å½¹å² 1. ãã¤ãã£ãå¦çç³»ã®ä¸ã§JavaScriptå¦çç³»ãåãã 2. Reactãåãã 3. Reactãã渡ãããå·®åããã¤ãã£ãViewã«é©ç¨ãã React Native DOMã¯ã©ããReact Nativeãªã®ã React Native DOMã®ãã°ãã¨ãã6é£çº Reactããã¯React Nativeã«è¦ãã¦ãã®ããã°ã Objective-Cå®è£ ãJavaSc
ããã¯FOLIO Advent Calendar23æ¥ç®ã®è¨äºã§ãã æ¨æ¥ã¯3tty0nããã«ããããTracing the Meta-levelã¨ã¯ï¼PyPyã®JITã³ã³ãã¤ã©ã«ã¤ãã¦ãã§ããã ãã¼ãæè³ãµã¼ãã¹ãéå¶ããæ ªå¼ä¼ç¤¾FOLIOã§iOSã¨ã³ã¸ãã¢ãæ å½ãã¦ããè¿è¤ã§ãã ã¨ã¦ãåªç§ãªäººãã¡ã°ããã§ãæ¯æ¥å å®ããéçºçæ´»ãéããã¦ããã ãã¦ãã¾ãã FOLIOã®iPhoneã¢ããªã®ã¢ã¼ããã¯ãã£ã«é¢ãã¦ã¯ãæä¸ããã®Redux+Rxãæ´»ç¨ããiOSã¢ããªã¢ã¼ããã¯ãã£ãåèã«ãªãã¾ããã¢ããªã¯RxãReduxã使ã£ããã¤ãã£ãã§ç¾å¨éçºä¸ã§ãã ãSwiftã¨ã³ã¸ãã¢ãReact Nativeã§ã¢ããªãä½ã£ã¦æãããã¨ã ä¸ã«æ¸ããéãæ®æ®µã®æ¥åã§ã¯Swiftãæ¸ãã¦ããã®ã§ãããä¸æ¹ã§React Nativeã«ãå¼·ãèå³ãæã£ã¦ãã¾ãã èå³ãæã£ããã£ããã¨ãã¦ã¯ã ã»
ãã¡ãã¯React Nativeã¢ããã³ãã«ã¬ã³ãã¼ 19æ¥ç®ã®è¨äºã«ãªãã¾ãã ãã1ã2å¹´ã§React Nativeã«ããã¢ããªéçºã¯ã¾ãã¾ãçãã«ãªã£ã¦ãã¾ãããä¸æ¹ã§Nativeã¨çµã¿åãããã¨ãã¤ããªããã¢ããªã±ã¼ã·ã§ã³éçºã¯ã¾ã çºå±éä¸ã§ãã React Nativeã®å ¬å¼ããã¥ã¡ã³ãã«ãIntegrating with existing appã¨ããé ç®ãããã¾ããããã£ããã¨æ¸ããã¦ããä¸ã«é®®åº¦ããä¸è¾ã«ãé«ãããã¾ããã ããããªãããFacebookãAirbnbãªã©å¤§ä¼æ¥ããã¤ããªããã¢ããªã±ã¼ã·ã§ã³ãç©æ¥µçã«å°å ¥ãã¦ãããã¨ããNativeã¢ããªãé¨åçã«ãªãã¬ã¤ã¹ã§ããå©ä¾¿æ§ãããä»å¾ãæ¡ç¨ãå¢ããåéã¨èãããã¾ããæ¬è¨äºã§ã¯ãã¤ããªããã¢ããªãéçºããèªåã®çµé¨ãããããã³ã³ãå®è£ ã®åºæ¬ã«ã¤ãã¦ã¾ã¨ãã¾ããã ãã¤ããªããã¢ããªã±ã¼ã·ã§ã³ã®è¯ãç¹/é£ããç¹ ã
ãã®è¨äºã¯ React Native Advent Calendar 2017 6 æ¥ç®ã®è¨äºã§ãã5 æ¥ç®ã¯ Quipper ååã® @hotchemi ã«ããQuipperã«ãããReact Nativeæ´»ç¨äºä¾ã§ããã ããã«ã¡ã¯ãQuipper 㧠Software Engineer ããã£ã¦ãã @yuya-takeyama ã§ãã å ¥ç¤¾ä»¥æ¥ã»ã¨ãã© Web ã®ãµã¼ããµã¤ãã»ã¯ã©ã¤ã¢ã³ããµã¤ãããã£ã¦ãã¾ããããæè¿ã¯ React Native ã¢ããªã®ããã¸ã§ã¯ã㧠TypeScript ãæ¸ãã¦ãã¾ãã æ¨æ¥ã®è¨äºã§ã軽ã触ãã¦ã¾ãããQuipper ã§æè¿éç¨ãå§ã¾ã£ã OTA (Over The Air) ã«ããã¢ããªé ä¿¡ã®éç¨ã¨ãã®èªååã«ã¤ãã¦è©³ããç´¹ä»ãã¾ãã ãªããå®éã«åãã³ã¼ãä¾ã¨ãã¦ä»¥ä¸ã®ãªãã¸ããªãç¨æãã¾ããã quipper/ReactNativeCo
ãã®è¨äºã¯React Native Advent Calendar 2017ã®5æ¥ç®ã®è¨äºã§ãã ããã«ã¡ã¯ãã¢ãã¤ã«ã¨ã³ã¸ãã¢ã®@hotchemiã§ãã ä»åã¯Quipperã«ãããReact Nativeæ´»ç¨äºä¾ã«é¢ãã¦ç´¹ä»ãããã¨æãã¾ãã ç®æ¬¡ å°å ¥ã®èæ¯/å¹è½ éçºã«ãããã¡ãªãã/ãã¡ãªãã ãªãªã¼ã¹ãµã¤ã¯ã« æè¡ã¹ã¿ã㯠ãããã« å°å ¥ã®èæ¯/å¹è½ Quipperãéçºãã¦ããã¹ã¿ãã£ãµããªã§ã¯åæ ¼ç¹è¨ãã©ã³ã¨ããç¾å½¹å¤§å¦çã³ã¼ãã«ããå¦ç¿ä¼´èµ°ãµã¼ãã¹ãæä¾ãã¦ãããã³ã¼ãã¨ã¦ã¼ã¶ã¼ã®ã³ãã¥ãã±ã¼ã·ã§ã³ãããåæ»ã«ããçºã«ã¡ãã»ã¼ã¸æ©è½ããã¼ã¹ã¨ããæ¥åè£å©iOSã¢ããªã®éçºãå®æ½ããäºã«ãªãã¾ããã æåã®ãã¼ã¸ã§ã³ããSwiftã§éçºãé²ãã¦ãããã®ã®ä»¥ä¸ã®çµç¹çã»æè¡çãªèª²é¡ã«ç´é¢ããçºãReact Nativeãç¨ããéçºã«æ¹é転æãç¾å¨ã§ã¯éç¨ãè»éã«ä¹ã£ã¦ãã¾ãã
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}