React Native TypeScript 상용구( 2022 )

React Native TypeScript Boilerplate 2022 – React Native 앱을 더 쉽게 구축할 수 있도록 개발자가 상용구를 공유하는 것에 대해 인터넷에 많이 있습니다. 일부는 CLI 템플릿 리포지토리를 사용하고 일부는 npm 라이브러리 형식입니다. 그것은 중요하지 않습니다. 여기에서는 반응 네이티브 상용구의 유형에 대해 설명합니다. React Native가 타입스크립트 기반인 경우는 매우 드물며, 꽤 많은 사람들이 이 타입스크립트 기반 React Native를 필요로 한다는 것을 알 수 있습니다.

이 기사의 끝에서 사용 방법과 라이브러리 및 GitHub 리포지토리에 대한 링크를 보여줍니다.

최고의 React Native Typescript 상용구

TypeScript는 강력한 유형 지정 기능을 추가하고 고전적인 OOP 프로그래밍 개념을 포함하는 JavaScript 기반 프로그래밍 언어입니다. 개발자가 매우 복잡한 응용 프로그램을 더 쉽게 만들 수 있습니다. 때론 우리가 만든 모든 변수와 함수의 타입을 일일이 확인하고 제공해야 하기 때문에 타입스크립트가 귀찮다고 하시는 분들이 있습니다.

그러나 typescript 자체에는 이점이 있습니다. 우리가 생성하는 모든 변수 또는 함수에서 유형 또는 인터페이스를 추가해야 합니다. 즉, 해당 유형을 기반으로 만드는 변수/매개 변수를 나타냅니다. 엄격 기반이므로 유형을 선언하고 이전에 생성한 유형에 다른 값이나 매개변수를 추가한 경우 TypeScript는 사용자가 틀렸는지 알려주고 오류를 발생시킵니다.

Redux로 Native Typescript 상용구 반응

나중에 버그가 되지 않도록 유용합니다. 글쎄, 그것은 타이프 스크립트를 엿볼 수 있습니다. 다시 React Native Boilerplate로 돌아가서 TypeScript 기반의 React Native Boilerplate를 방금 만들었고 이전 Boilerplate와 마찬가지로 React Native Boilerplate를 만드는 데 필요한 매우 기본적인 내용입니다. 따라서 나중에 처음부터 앱을 빌드하고 이 TypeScript 상용구를 사용하는 경우 필요한 라이브러리를 추가할 수 있습니다.

React-Native 상용구 TypeScript 체크리스트

여기서 다시 리뷰하겠습니다. 반응 네이티브 상용구를 만들려면 무엇이 필요합니까?

탐색: 화면 사이를 탐색하는 역할을 합니다. 가장 인기 있는 것은 react-navigation 입니다.

상태 관리: 여기서 인기 있는 것은 redux 툴킷입니다. MOBX 또는 Zusstand를 사용할 수도 있습니다.

React hooks: React는 수명 주기를 더 쉽게 관리할 수 있는 반응 후크를 제공합니다. 가져오기 API의 추가 후크에는 사용할 수 있는 react-query도 있습니다.

리액트 네이티브 아이콘: 아이콘은 어플리케이션을 만드는데 필수적인 요소입니다. 아이콘이 없으면 응용 프로그램이 빈 신문처럼 느껴질 것입니다. 따라서 반응 네이티브 벡터 아이콘을 사용하거나 로컬 아이콘을 사용할 수도 있습니다.

운좋게도 여러분과 공유할 React Native Boilerplate는 React Native 앱을 구축하는 데 필요한 기본 사항을 이미 다루고 있습니다. 모든 라이브러리의 버전이 최신 버전이므로 걱정할 필요가 없습니다.

설치 및 React Native Typescript 상용구 사용 방법

이 typeScript 상용구( v0.0.12 )의 현재 버전의 경우 cocoapods 버전이 >= 1.11.2이고 ruby ​​버전도 = 2.7.5인지 확인하세요.

첫 번째 단계에서 아래 코드를 실행하십시오.
npx react-native init MyAppName --template @handidev/react-native-typescript-boilerplate
참고로 MyAppName이라는 단어를 원하는 애플리케이션 이름으로 바꿉니다.

다음으로 모든 것이 성공한 후 다음 단계는 선택한 플랫폼을 기반으로 React Native 애플리케이션을 실행하는 것입니다.
iOS 버전의 경우 다음을 실행합니다.

yarn ios

Android 버전의 경우 다음을 실행합니다.

yarn android

예, 간단합니다. 설치에 문제가 있으면 주저하지 말고 Github에서 저에게 연락하십시오.

라이브러리 react-native-typescript-boilerplate NPM 링크: https://www.npmjs.com/package/@handidev/react-native-typescript-boilerplate

react-native typescript 상용구 GitHub 저장소 링크: https://github.com/handi-dev/react-native-typescript-boilerplate

출처: React Native TypeScript Boilerplate 2022