react-native 초보자가 공부를 시작하기 전에 알아야 할 tips 6개

3762 단어 Reactreact-native

1 Expo 및 react-native-cli의 올바른 선택


우선 두 가지 차이는 간이판이냐 정판이냐이다.
익스포는 환경을 구축하는 데 걸리는 시간이 거의 없어 PC에 시뮬레이터를 설치할 필요가 없고 스마트폰에 익스포라는 앱을 설치하면 개발을 시작할 수 있다.그리고 react-native 기능을 모두 사용할 수 있습니다.공연도 괜찮고.
처음 학자가 건드리면 이거야.
그러나 js만 개발해야 하고 사용할 수 있는 플러그인은 큰 제한을 받는다.하지만 일반적인 응용 프로그램은 Expo로 충분합니다!특히 Expo 는 Expo 중 하나를 선택합니다.
가능한 한 react-native-cli를 사용하지 마세요.창고는 손상되기 쉽다.
그러나 ios,android 라이브러리를 사용할 수 있기 때문에 촉감을 중시하는 상황에서도 cli를 사용할 수 있다.
결론 Expo로 개발하자.Expo로 충분해요.cli로 개발하면 현지인의 기능을 무제한으로 사용할 수 있지만, cli는 xcode를 빈번하게 만져야 한다.
expo는 증명서를 준비할 필요가 없습니다. 알림과 코드 전송은 기본이기 때문에 우선 expo부터 업무에서 사용하는 것을 강력히 추천합니다.

2 IDE


별의별 것이 다 있다.단, Tom에nucluid 플러그인을 삽입하는 것 이외에는 다른 선택이 없습니다.
페이스북 공식 IDE입니다. 기능이 증가하고 유지보수도 됩니다. 최신react-native는 물론 페이스북도 대응합니다.
그러고 보니 사용하기 시작했고 결론적으로 슈퍼 쓰레기였다.쓸모없고 무겁고 잘못된 게 많아요.삼중고.
결과는 가볍고 typescript,flow와 성격이 잘 어울리는 vscode가 안정되었다.디버그는react-native debugger가 아니라 크롬의 devol을 사용합니다.cherome의 표준 기능을 통해 인터럽트를 설정할 수 있으며 debugger와 코드에 기술하여 코드가 정지됩니다.
react native의 오류는 이해하기 어렵다는 것을 표시하기 때문에 priter라는 코드의 자동 성형 플러그인도 필수적이다.
2018년 js를 쓴 사람의 1/2은 vscode를 사용한다고 한다.사실 가볍고 기능도 풍부해요.
결론은 vscode인가 아니면 jetBrain사의 ide인가.추천은 vscode입니다.

3navigation 화면 전환


지금은 공식적으로 추천하는 react navigation 중 하나죠.처리하기 어려운 느낌도 있지만 정보량이 너무 많아 아무래도 유지보수는 멈추지 않는다.Expo 의 정식 도입 도 요점 이다
무엇보다도 좋은 것은 js로만 구성된 라이브러리입니다.다른 도서관과 달리 Objective-c와java로 쓴 곳이 없습니다.
react-native-router-flumx라는 쓰레기를 사용하지 마세요.(단순히 정보량이 적음)
RNAF = 단순하고 기술량이 많음(복잡할 수 없음)
react navigation = 대규모 (공식 추천)
결론은 react navigation으로 하면 문제없어요.

4 디자인


디자인은nativeBase를 사용하기 쉽다.bootstrap 사상과 기본적으로 같아서 웹에서 온 사람들이 가장 쉽게 개발할 수 있다.차라리 네이티브 베이스를 사용하는 기능이react-native의 개발보다 빠르다.오픈 소스의 포인트도 높다.
목록을 사용하면 디자인이 붕괴될 때가 있습니다. 이럴 때react-native의ScrollView를 사용할 수 있습니다.
다만 리스트가 미묘하기 때문에 리스트를 사용하지 않는다.라디오 버튼도 미묘해서 안 써요.
유사한 것은 공식적으로 개발된react-native-element가 있다.디자인된 프로그램 라이브러리에서react-native 플러그인에서 머리를 뽑을 수 있습니다.확장이 쉬워요. 요소 이름처럼 조금만 사용하고 싶을 때 훌륭해요.
UI 라이브러리는 아직 품질이 낮기 때문에 react native에 익숙해진 사람일수록 UI 라이브러리를 사용하지 않습니다.

5 Redux 필요 없음


react naitve는 소규모 응용과 원형 제작에 많이 사용되고 레드ux는 대규모 제작을 위한 것이기 때문에 적합하지 않습니다.
unstated라는 매우 실천적이고 간단한 프로그램 라이브러리가 있기 때문에 강력히 추천합니다.
초경량state 관리 라이브러리로 테스트도 쉬워요.
또한, context Api에도 react 공식 state 관리 방법이 있는데 이것은 더욱 간단하고 학습 원가가 낮다.
폭발적인 속도로 소형 응용 프로그램을 개발하다.이것은 react native의 강점이다.
따라서 비례자는 쉽게 진행되지만 진도가 느린 레드ux에는 적합하지 않다.
다만, 레드ux와reactnative는 호환성이 뛰어나 레드ux 경험이 있는 사람이 레드ux를 사용하면 개발이 빨라진다.
아마 개인 개발에는 레드ux가 필요하지 않을 거예요. 그러니 react native에 쉽게 들어가세요.

6 react-native의 환상


개발 속도가 빠르다.
하지만android와ios는 모두 쓸 수 있기 때문에 개발 속도가 두 배이다. 나는 이렇게 하는 것이 너무 빠르다고 생각한다.
한쪽 OS에서만 발생하는 버그, 플러그인의 불안정, 정보량이 적고 빈번한react-native 버전 업그레이드가 있었다.결과적으로 주변 기능이 미비했다.(fluter, ionic와 비교하면 최고입니다.)
2주에 한 번씩 버전이 업그레이드되는 등 포착이 어렵다.
그리고 학습 원가가 매우 높다.아마도 지금 가장 시간을 들여 공부하는 틀의 작업일 것이다.
react + redux + ios + android + react-native
모든 지식은 필수적이며 프로젝트에 따라 전방의 기술(함수형 프로그래밍이나 typescript 등)도 필요하다.
다만, 리얼리티 출신은 금방 익숙해진다.(테스트 도구, 디버그 도구, ES6 및 react는 공통적입니다.)
즉,react 숙련자 vue.ReactNative를 배우는 것이 js를 배우는 것보다 학습 원가가 낮다.
axios, redux-saga, three.js 등에서react에서 사용할 수 있는 것은 모두reactnative를 사용할 수 있습니다.
처음부터 js in css, babel과 웹 패키지에서 해방되었습니다.특히 바벨을 거의 건드리지 않는 경우가 좋다.
편집자는 줄곧 사용해 왔기 때문에 디버깅 인원도 크롬을 사용하는 사람을 직접 데리고 갈 수 있다.디자인 모델과 디자인 방법은 모두react 자체이다.시험은 Jest와 chai로 쓸 수 있다.cli 명령어라도 react는 그대로 유지됩니다.
react 경험이 있는 사람이라면 ReactNtive는 기본적으로 학습 비용 없이 배울 수 있다
나는 큰소리로 말하고 싶다.
react-native가 최고예요.
나는 누구보다도 너를 사랑한다.
올해 크리스마스는 너와 함께 보낸다.
어???

좋은 웹페이지 즐겨찾기