React Native를 웹 개발자로 사용

유망한 투자조합
테슬라, Discord, 우버 이츠, 오큘러스는 모두 페이스북의 크로스플랫폼 라이브러리로 구축된 공통점을 가지고 있다.
분명히 페이스북도 React-Native를 사용하지만 전체 응용 프로그램이 아니라 그들에게 의미 있는 하위 도메인, 예를 들어 마켓플레이스와 그들의 광고 관리자와 분석에 사용된다.이후 인스타그램도 기존 네이티브 앱에 통합해 다시 쓰기로 알림 뷰를 전송하는 등 처음부터 작았다.iOS와 안드로이드 앱 사이에 85-99%의 코드가 공유되어 있기 때문에 이 팀은 이제 크로스플랫폼 변경을 더욱 빨리 할 수 있다.Pinterest는 iOS와 안드로이드에서 각각 10일과 이틀에 걸쳐 네이티브 앱을 네이티브 앱으로 전환하고 100% 공유 코드를 제공하는 경험도 있다.또 피플레스트의 한 웹 개발자는 "웹에서 일할 때 쉽게 배울 수 있다"고 말했다.
better results
웹 개발자의 빠른 적응/채택
이것은 나의 요점 하나를 끌어냈다.웹 개발자로서 React Native는 모바일 개발에 들어가는 가장 간단한 방법일 수 있습니다.걱정하지 말고 0부터 다트를 배워서 떨림을 익히거나 동작을 다시 배워라.NET에서 Xamarin 투어를 시작하십시오.React Native는 "한 번만 배우고 언제 어디서나 글을 쓰라"고 한다.i, e. 당신이 이미 열심히 배운 놀라운 반응 기교를 계속 사용하세요.🌐📲

기존 React 웹 애플리케이션 확장
만약 기존의 React 웹 응용 프로그램이 있다면, 이 모바일 플랫폼으로 확장하고 싶다면, 더 이상 보지 마라. 이것은 React native가 당신에게 멋진 일을 할 수 있도록 하는 기능 중의 하나이기 때문이다. 를 사용하여 웹 응용 프로그램과 크로스플랫폼 모바일 응용 프로그램 간에 모듈을 공유할 수 있다.기본적으로 웹 응용 프로그램과 React 본체 응용 프로그램 사이에서 공유할 수 있도록 .native.js 주어진 모듈 이름을 확장할 수 있습니다.

Container.js # picked up by Webpack, Rollup or any other Web bundler
Container.native.js # picked up by the React Native bundler for both Android and iOS (Metro)

가져오는 작업 원리는 이전과 완전히 같기 때문에, 이것은 당신에게 어떤 문제도 가져다 주어서는 안 된다.
이와 관련하여, 심지어는 리액션 원본 코드를 웹에서 실행할 수 있는 라이브러리도 있다.그래서 만약 당신이 정말 요령을 터득했다면, 웹 개발을 위해 React Native를 사용할 수도 있다.이것은 전환점이 아닌가?
어쨌든 정상 궤도로 돌아가다.
native-specific extensions
너는 처음부터 시작할 필요가 없다
React 개발자로서 당신은 당신이 가장 좋아하는 패키지 관리자(NPM이든 Thread든)를 사용하여 제3자 라이브러리를 응용 프로그램에 가져오는 방법을 잘 알고 있습니다.React Native를 사용하면 거의 비슷하게 작동하지만 부터 라이브러리를 검색할 수 있습니다.

Pro tip: Sort by "quality" or "recommended" to make sure you don't just grab the most recently updated library. 🥇

그 어떠한 제3자 도서관과도 같다.당신이 발견한 문제는 다른 사람에게 의존하지 않고 처음부터 구축할 수 있는지 생각해 보세요.
만약 운이 나쁘면, React Native 디렉터리에서 특정한 소규모 라이브러리를 찾을 수 있습니다. 이것은 당신이 꿈꾸던 모든 기능을 가지고 있습니다. 그러면 웹 개발자로서 일반적으로 하는 일을 할 수 있습니다. 원본을 시작하는 황금을 찾을 수 있습니다. NPM 등록 센터로 이동하면, 그곳에서 React Native와 호환되는 많은 라이브러리를 찾을 수 있습니다.
React Native Directory
그냥 점점 좋아지는 거예요.
처음에 React-Native를 사용할 때 웹 개발처럼 제3자 라이브러리를 쉽게 포함하는 것은 매우 번거로운 일이다. 왜냐하면 React-Native 라이브러리는 코드가 각 플랫폼에서 실행될 수 있도록 본 기기의 안드로이드/iOS 모듈에 추가로 연결해야 하기 때문이다.내가 2018년에 구축한 응용 프로그램 중 대부분의 제3자 라이브러리는 JSBridge를 통해 본 컴퓨터 모듈에 수동으로 연결해야 한다.팟캐스트 파일과gradle 설정으로 손을 더럽혀야 한다. 이로 인해 머리가 벽에 부딪히는 경우가 많다.하지만 다른 개발자는 걱정하지 마세요. 2019년 7월 초 RN 0.60이 발표됨에 따라 !개발자로서 필요한 것은 바이너리 파일을 다시 구축하는 것뿐입니다. 그러면 새로운 제3자 라이브러리를 사용할 수 있습니다.

# install
yarn add react-native-webview
cd ios && pod install && cd .. # CocoaPods on iOS needs this extra step
# run
yarn react-native run-ios
yarn react-native run-android

No more npm react-native link and messing with podfiles and gradle!

곧 다가올 React 로컬 개발자로서, 이것은 당신의 많은 두통 문제가 현재 자동으로 처리되기 때문에 중대한 개선입니다.✨
native modules are now autolinked
유형
React Native는 타자를 좋아하는 모든 JS 애호가들에게 내장된 타자 스크립트와 스트리밍 지원을 제공합니다.TypeScript 지원이 있으면, React 원본 프로그램이 더 확장되어, 열을 다시 불러올 때 오류를 포착하고 복구할 수 있습니다.react-native-template-typescript 템플릿을 사용하여 새 응용 프로그램을 만들 때 쉽게 추가할 수 있습니다.
새로운 React 원본 프로그램을 사용하여 Typescript를 설정하는 방법에 대한 훌륭한 연습 지침을 읽고 싶다면, 귀중한 linting과 테스트 설정을 포함해서 를 방문하는 것을 권장합니다.React Native 디렉토리에서 타사 라이브러리를 가져올 때 유형 정의가 포함되어 있는지 확인하거나 다음 코드 블록과 같이 유형을 개발자 종속 항목으로 추가할 수 있는지 확인하십시오.
React 웹 응용 프로그램과 유사하게 Typescript는 this blog post일 수 있습니다.
다음 명령을 실행하여 유형 검사 코드를 시작합니다.

yarn add --dev typescript @types/jest @types/react @types/react-native @types/react-test-renderer
# or for npm
npm install --save-dev typescript @types/jest @types/react @types/react-native @types/react-test-renderer

다음에 프로젝트의 루트 디렉터리에 tsconfig.json 를 정의한 다음 컴파일러가 만족하고 새로운 기능을 사용하여 프로그램을 구축할 수 있도록 오류를 복구하기 시작합니다.

"Once you go Typescript you never go back"
- Unknown, highly proficient TS developer.

added to your existing app
CI/CD
새 코드를 지속적으로 통합하고 새 버전을 프로덕션 환경에 배포할 때는 React Native를 통해 구현할 수 있는 여러 방법이 있습니다.앞에서 언급한 응용 프로그램에서, 우리 팀은 마이크로소프트의 응용 프로그램 센터 for CI/CD를 사용했습니다. 이것은 당신이 가장 좋아하는 환매와 통합할 수 있도록 합니다. Azure, Bitbucket, GitLab, Github이든.만약 당신의 코드가 Github에 있다면, 당신은 그들의 작업 흐름만 이용하고 싶을 수도 있습니다.만약 당신이 처음에 아주 어렸을 때 코데믹을 고려해 볼 수 있다. 그들은 매달 8시간 정도의 구축 시간을 제공하는 무료 층을 제공했다. 이것은 당신을 시작하게 하기에 충분할 것이다.🚀
이것은 내가 인터넷 개발자로서 당신에 대한 간단한 소개입니다.질문이 있으시면 언제든지 제게 연락 주시기 바랍니다.