https://techcrunch.com/2017/09/29/walmart-labs-open-sources-its-tool-for-bringing-react-native-to-existing-mobile-apps/?ncid=rss
Walmart는 React Native 에 큰 돈 을 걸고 있습니다 . Electrode를 통해 회사의 Walmart Labs 부서 는 Walmart.com의 프론트 엔드를 지원하는 React 기반 프레임 워크를 오픈 했으며 현재 동일한 그룹이 React Native를 iOS 및 Android의 기존 네이티브 앱으로 가져 오는 Electrode Native 도 출시 하고 있습니다.
여기서 기본 아이디어는 전극 네이티브가 월마트와 같은 대기업이 기존 앱을 가져 와서 코드의 일부 를 자바 스크립트로 네이티브 앱을 제작하는 Facebook의 오픈 소스 프레임 워크 인 React Native 로 천천히 마이그레이션 할 수 있다는 것입니다. 이 도구는 React Native와 다른 기본 응용 프로그램 간의 통합을 가능한 한 간단하게 만드는 것을 목표로합니다. React Native는 단순히 네이티브 앱에 사용되는 제 3 자 라이브러리가되고 React Native 코드는 Walmart Labs가 "Native MiniApp"이라고 부르는 곳에서 살고 있습니다.
일반적으로 앱을 React Native로 옮기려는 개발자는 나중에 앱을 다시 작성하거나 나중에 비용을 들이게 될 신속하고 더러운 통합을 구축하거나 React Native를 앱에 통합하기위한 새로운 플랫폼과 툴을 구축해야합니다 . 월마트는 마지막 옵션을 선택했습니다.
이 접근법은 개발자가 iOS 및 Android 용 코드를 한 번 작성할 수 있음을 의미합니다 (Walmart는 현재 모든 주요 브랜드의 iOS 및 Android 앱을 개발합니다). 가장 중요한 것은 앱 내부의 React Native 코드를 강제없이 업데이트 할 수 있다는 것입니다 사용자가 새 버전의 기본 앱을 다운로드 할 수 있습니다.
Walmart의 개발자는 처음으로 Walmart 모바일 앱의 장바구니 섹션을 업데이트하기 위해 Electrode Native를 사용했습니다. 원래 이것은 내장 된 브라우저에서 제공되는 반응 형 웹 응용 프로그램이었습니다. 팀은 또한 구매를 완료하고 체크 아웃 페이지에서 작업 할 때 표시되는 감사 페이지를 변환했습니다.
Alexander Grigoryan, 월마트 소프트웨어 엔지니어링, 애플리케이션 플랫폼 및 온라인 식료품 상임 이사 글로벌 전자 상거래 (Global eCommerce)는 그의 팀이 크로스 플랫폼 애플리케이션을 구현하기위한 다양한 옵션을 검토했다고 전합니다. "우리가 수행 한 것과 비슷한 오픈 소스 세계의 솔루션은 'PhoneGap'또는 'Cordova'입니다. 이 경로를 따라 가면 우리 고유 앱의 다른 부분에 비해 성능면에서 눈에 띄는 차이가있었습니다. " "이는 React Native 또는 모바일 앱 기술로 해당 부품을 다시 작성하고 고객의 참여를 보여주는 측정 기준을 확인했을 때 검증되었습니다."팀은 또한 Microsoft의 Xamarin 도구를 살펴 보았지만 이와 같은 혜택을주지 않을 것이라고 결정했습니다. 재사용 가능한 UI 구성 요소, 공유 JavaScript 모듈 및 무선 원천 업데이트를 React Native로 제공합니다. "웹 프론트 엔드는 React이기도하므로 React Native에 솔루션으로 투자하는 것이 합리적입니다."라고 Grigoryan은 말했습니다.
Grigoryan은 Walmart Labs가이 시점에서 오픈 소스에 대해 낯선 사람이 아니라고 강조했다. 이 회사는 GitHub 페이지에 151 개의 프로젝트가 있습니다. "우리는 오픈 소스 투자 수익이 회사와 커뮤니티에 이익이된다고 강력하게 믿는다"고 그는 말했다. Grigoryan은 또한 Walmart의 문화 및 기술 방향을 이해하고자하는 회사 외부의 엔지니어뿐만 아니라 커뮤니티에 참여하고 공헌하기를 원하는 회사 내부의 동기 엔지니어에게 도움이된다고 덧붙였습니다. 고용 중 대화. "
주요 이미지 : JIM WATSON / 직원 / 게티 이미지