nx-react-native-cli 2.2.1 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -6
- package/lib/index.cjs +3 -3
- package/package.json +11 -11
- package/templates/.eslintrc.json +2 -8
- package/templates/.nvmrc +1 -1
- package/templates/apps/mobile/android/build.gradle +4 -4
- package/templates/apps/mobile/android/gradle/wrapper/gradle-wrapper.jar +0 -0
- package/templates/apps/mobile/android/gradle/wrapper/gradle-wrapper.properties +1 -1
- package/templates/apps/mobile/android/gradle.properties +4 -0
- package/templates/apps/mobile/android/gradlew +4 -4
- package/templates/apps/mobile/android/gradlew.bat +7 -2
- package/templates/apps/mobile/babel.config.json +1 -1
- package/templates/apps/mobile/package.json +3 -2
- package/templates/apps/mobile/src/app/index.tsx +13 -8
- package/templates/apps/mobile/src/components/atoms/KeyboardAccessory/index.ts +1 -0
- package/templates/apps/mobile/src/components/atoms/KeyboardAccessory/keyboard-accessory.component.tsx +25 -0
- package/templates/apps/mobile/src/components/atoms/KeyboardAwareScrollView/keyboard-aware-scroll-view.component.tsx +7 -8
- package/templates/apps/mobile/src/components/atoms/TextInput/bottom-sheet-text-input.component.tsx +52 -8
- package/templates/apps/mobile/src/components/atoms/TextInput/constants.ts +13 -7
- package/templates/apps/mobile/src/components/atoms/TextInput/text-input-area.component.tsx +13 -12
- package/templates/apps/mobile/src/components/atoms/TextInput/text-input.component.tsx +42 -4
- package/templates/apps/mobile/src/components/atoms/index.ts +1 -0
- package/templates/apps/mobile/src/components/molecules/ScreenContainer/screen-container.component.tsx +3 -3
- package/templates/apps/mobile/src/hooks/useDebounce.hook.ts +1 -1
- package/templates/apps/mobile/src/hooks/useThrottle.hook.ts +1 -1
- package/templates/apps/mobile/src/icons/cross.svg +4 -0
- package/templates/apps/mobile/src/icons/index.ts +3 -1
- package/templates/apps/mobile/src/icons/keyboard-hide.svg +1 -0
- package/templates/apps/mobile/src/stores/mmkvStorage.ts +3 -3
- package/templates/apps/mobile/src/tailwind/index.ts +4 -4
- package/templates/apps/mobile/tsconfig.app.json +2 -2
- package/templates/clean-generated-outputs.sh +22 -5
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
## 📦 Introduction
|
|
7
7
|
|
|
8
|
-
A comprehensive React Native mobile application starter kit built with Nx workspace. This package provides a carefully curated set of tools and libraries to streamline your mobile app development process with React Native 0.
|
|
8
|
+
A comprehensive React Native mobile application starter kit built with Nx workspace. This package provides a carefully curated set of tools and libraries to streamline your mobile app development process with React Native 0.83.0 and the New Architecture.
|
|
9
9
|
|
|
10
10
|
<h2 id="🛠-usage">🛠 Usage</h2>
|
|
11
11
|
<p>Generate a new Nx workspace with the React Native preset:</p>
|
|
@@ -16,7 +16,7 @@ A comprehensive React Native mobile application starter kit built with Nx worksp
|
|
|
16
16
|
|
|
17
17
|
### Core Technologies
|
|
18
18
|
- **Yarn**: Fast, reliable, and secure dependency management
|
|
19
|
-
- **React Native 0.
|
|
19
|
+
- **React Native 0.83.0**: Latest version with New Architecture support
|
|
20
20
|
- **TypeScript**: Strongly typed JavaScript for better code quality
|
|
21
21
|
- **Nx Workspace**: Powerful monorepo tooling for scalable development
|
|
22
22
|
- **TailwindCSS via TWRNC**: Utility-first CSS framework for fast UI development
|
|
@@ -25,7 +25,6 @@ A comprehensive React Native mobile application starter kit built with Nx worksp
|
|
|
25
25
|
- **React Native Reanimated**: Powerful animations for smooth user experiences
|
|
26
26
|
- **React Native Gesture Handler**: Fluid gesture-based interactions
|
|
27
27
|
- **React Native SVG**: SVG support for vector graphics
|
|
28
|
-
- **Lottie**: Beautiful animations with minimal effort
|
|
29
28
|
- **@shopify/react-native-skia**: High-performance 2D graphics
|
|
30
29
|
- **@gorhom/bottom-sheet**: Customizable bottom sheet component
|
|
31
30
|
|
|
@@ -60,13 +59,13 @@ To get started with development, follow these simple commands:
|
|
|
60
59
|
|
|
61
60
|
```bash
|
|
62
61
|
# Start the Metro bundler
|
|
63
|
-
|
|
62
|
+
yarn serve:mobile
|
|
64
63
|
|
|
65
64
|
# Build and run on Android
|
|
66
|
-
|
|
65
|
+
yarn android
|
|
67
66
|
|
|
68
67
|
# Open the iOS project in Xcode for building and running
|
|
69
|
-
|
|
68
|
+
yarn xcode
|
|
70
69
|
```
|
|
71
70
|
|
|
72
71
|
These commands will help you:
|