React Native Boilerplate

ネイティブ、エキスポ、ネイティブウィンド、タイプスクリプトのためのボイラープレートとスターター

React Native、Expo、NativeWind、TypeScriptのボイラープレートとスターター最初に開発者エクスペリエンスを使用して作られました：React Native、Expo、TypeScript、Eslint、Prettier、Husky、Lint stage、Jest、Detox、Vscode、Nativewind。

特徴

開発者エクスペリエンス最初：

• mobileモバイル開発のための博覧会
• React -Reactネイティブは、Reactを使用してネイティブアプリを構築するためのネイティブです
• タイプチェックタイプスクリプト
• ？ NativeWind、Tailwind CSSと統合して、反応ネイティブ
• ？エキスポルーターを使用したファイルベースのルーティング
• ？エスリント付きリナー
• ？きれいなコードフォーマッタ
• ？ Gitフック用のハスキー
• GIT段階的ファイルでリナーを実行するためのLintステージ
• ？ JestおよびReact Testing Libraryを使用した単体テスト
• ？デトックスによるE2Eテスト
• @プレフィックスを使用した絶対インポート
• ？ VSCODE構成：PostCSS、Eslint、The Prettier、TypeScript、Jestの設定、タスク、拡張機能

Nextless.js saas bulerplate

React SaaSボイラープレートでSaaS製品をより速く構築します。

要件

• node.js 14+およびnpm
• iOSシミュレーター
• Android Studioエミュレータ

はじめる

地元の環境で次のコマンドを実行します。

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

次に、ライブリロードで開発モードでローカルに実行できます。

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

これにより、iOSシミュレーターまたはAndroidエミュレーターでアプリが開きます。

テスト

テストは開発プロセスの重要な部分であり、多くの場合無視されたプロセスです。このスターターコードは、JESTおよびReact Testingライブラリを使用して、E2Eテスト用のユニットテストとデトックスのためのデトックスを作成します。

単体テスト

ユニットテストを実行するには、次のコマンドを実行します。

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とPrettierはコードを自動的に修正してエラーを表示できます。テストにも同じことが言えます。VSCODEJEST拡張機能をインストールしてテストを自動的に実行できます。また、コンテキストでコードカバレッジも表示されます。

プロのヒント：TypeScriptを使用してプロジェクトワイドタイプチェックが必要な場合は、MacでCMD + Shift + Bを使用してビルドを実行できます。

貢献

誰もがこのプロジェクトに貢献できます。質問がある場合やバグが見つかった場合は、お気軽に問題を開いてください。どんな提案や改善にも完全に開かれています。

ライセンス

MITライセンスの下でライセンス、Copyright©2023

詳細については、ライセンスを参照してください。

---

creativedesignsguruによって♥で作られました