React Native Boilerplate

React Native, Expo, Nativewind 및 Typescript 용 Boilerplate 및 스타터

React Native, Expo, Nativewind 및 TypeScript의 보일러 플레이트 및 스타터 먼저 개발자 경험으로 만들어졌습니다 : React Native, Expo, Typection, Eslint, Pretier, Husky, Lint-Staged, Jest, Detox, Vscode, Nativewind.

특징

개발자 경험 먼저 :

• mobile 모바일 개발을위한 엑스포
• react를 사용하여 기본 앱을 구축하기 위해 react avert
• 유형 확인 typescrip
• ? React Native 용 Nativewind, Tailwind CSS와 통합하십시오
• ? 엑스포 라우터를 사용한 파일 기반 라우팅
• ? Eslint와 Linter
• ? 더 예쁘고 코드 포맷터
• ? git 후크를위한 허스키
• Git Steaged Files에서 Linters를 실행하기위한 Lint-Stage
• ? 농담 및 반응 테스트 라이브러리로 단위 테스트
• ? 해독으로 E2E 테스트
• @ prefix를 사용한 절대 가져 오기
• ? VSCODE 구성 : PostCS, ESLINT, 더 예쁘게, TypeScript, Jest의 설정, 작업 및 확장

다음으로. JS SaaS 보일러 플레이트

React SaaS 보일러 플레이트로 SaaS 제품을 더 빨리 구축하십시오.

요구 사항

• Node.js 14+ 및 NPM
• iOS 시뮬레이터
• 안드로이드 스튜디오 에뮬레이터

시작하기

지역 환경에서 다음 명령을 실행하십시오.

git clone --depth=1 https://github.com/ixartz/React-Native-Boilerplate.git my-project-name
cd my-project-name
npm install

그런 다음 Live Reload를 사용하여 개발 모드에서 로컬로 실행할 수 있습니다.

npm run dev:ios
# Or
npm run dev:android

이렇게하면 iOS 시뮬레이터 또는 Android 에뮬레이터에서 앱이 열립니다.

테스트

테스트는 개발 과정의 중요한 부분이며 종종 무시되는 것입니다. 이 스타터 코드는 E2E 테스트를위한 단위 테스트 및 해독을위한 Jest 및 React Testing Library와 함께 제공됩니다.

단위 테스트

단위 테스트를 실행하려면 다음 명령을 실행하십시오.

npm run test 

E2E 테스트

E2E 테스트를 실행하려면 먼저 다음 명령을 실행해야합니다.

npm run e2e:prepare # Only need to run once

그런 다음 다음 명령을 실행하여 E2E 테스트를 실행할 수 있습니다.

npm run e2e:ios
# Or
npm run e2e:android

VSCODE 정보 (선택 사항)

VSCODE 사용자 인 경우 .vscode/extension.json 에 제안 된 확장자를 설치하여 VSCODE와 더 나은 통합을 가질 수 있습니다. 스타터 코드에는 VSCODE와 완벽한 통합을위한 설정이 제공됩니다. 디버그 구성은 프론트 엔드 및 백엔드 디버깅 경험에도 제공됩니다.

vscode에 플러그인이 설치된 경우 Eslint 및 Pretier는 코드를 자동으로 수정하고 오류를 표시 할 수 있습니다. 테스트도 마찬가지입니다. VSCODE JEST 확장 기능을 설치하여 테스트를 자동으로 실행할 수 있으며 컨텍스트에 코드 커버리지도 표시됩니다.

Pro Tips : TypeScript가있는 프로젝트 와이드 유형 확인이 필요한 경우 Mac에서 CMD + Shift + B 로 빌드를 실행할 수 있습니다.

기여

모두 가이 프로젝트에 기여할 수 있습니다. 질문이 있거나 버그를 찾으면 문제를 자유롭게 열십시오. 모든 제안과 개선에 완전히 열려 있습니다.

특허

MIT 라이센스에 따라 라이센스, Copyright © 2023

자세한 내용은 라이센스를 참조하십시오.

---

CreativedEsignsguru의 ♥으로 만들어졌습니다