Components List:

user Snippets:

tabs template & load Fonts async:

blank file ArchitecSure:

# assets
# components
# constants
# screens

README.md

Merge with Expo:

merge rn Elements:

app Dice:

StoryBook ReactNative 6.2:

# ssh-keygen -t rsa -b 4096 -C "[email protected]"
# xclip -sel clip < ~/.ssh/id_rsa.pub
# eval "$(ssh-agent -s)"
# ssh-add ~/.ssh/id_rsa

# rm -rf oneBook
expo init oneBook --npm
cd oneBook
cp ~/Desktop/epsilon/README ~/Desktop/oneBook
git push --set-upstream [email protected]:TurtleWolfe/oneBook.git main
git status
expo start
npx -p @storybook/cli sb init --type react_native
npm run storybook
expo start
# expo install @react-native-async-storage/async-storage
expo install @react-navigation/drawer


#####

expo init --template expo-template-tabs@sdk-40 --npm

 4  app.json
    hooks/useCachedResources.ts
 3  navigation/BottomTabNavigator.tsx
    navigation/index.tsx
   #  ../ components/EditScreenInfo.tsx -> app/components/EditScreenInfo.tsx
 1  ../ components/Themed.tsx -> app/components/Themed.tsx

expo install react-native-elements
# (may not be necessary)
# expo install expo-font
# expo install react-native-elements expo-font
# expo install expo-app-loading

# npm install @react-native-community/hooks

expo init oneTap --npm

expo install @react-native-community/datetimepicker # "@react-native-community/datetimepicker": "~3.2.0",
# npm install @react-native-community/datetimepicker --legacy-peer-deps
# expo install anonymous-files                        # "  "
expo install apisauce                               # "apisauce": "^2.1.1",
expo install expo-image-picker                      # "expo-image-picker": "~10.1.4",
expo install expo-location                          # "expo-location": "~12.0.4",
# expo install expo-permissions                 ??  # expo install expo-permissions
# expo install expo-sharing                           # "  "
expo install formik                                 # "formik": "^2.2.9",
expo install lottie-react-native                    # "lottie-react-native": "3.5.0",
# expo install react-native-elements                  # "  "
expo install react-native-progress                  # "react-native-progress": "^4.1.2",
expo install yup                                    # "yup": "^0.32.9"
expo install @react-native-community/netinfo
expo install @react-native-async-storage/async-storage
expo install moment
expo install react-native-fast-image
# expo install react-native-expo-image-cache
# expo install expo-blur
expo install jwt-decode
expo install expo-secure-store
expo install expo-app-loading
expo install expo-notifications

//  App components
import AppButton from '../components/AppButton';
import AppCard from '../components/AppCard';
import AppCategoryPickerItem from '../components/AppCategoryPickerItem';
import AppIcon from '../components/AppIcon';
import AppPicker from '../components/AppPicker';
import AppPickerItem from '../components/AppPickerItem';
import AppScreen from '../components/AppScreen';
import AppText from '../components/AppText';
import AppTextInput from '../components/AppTextInput';

//  App form Components
import AppErrorMessage from '../components/forms/AppErrorMessage';
import AppForm from '../components/forms/AppForm';
import AppFormField from '../components/forms/AppFormField';
import AppFormPicker from '../components/forms/AppFormPicker';
import AppSubmitButton from '../components/forms/AppSubmitButton';

//  App lists Components
import AppListItem from '../components/lists/AppListItem';
import AppListItemDeleteAction from '../components/lists/AppListItemDeleteAction';
import AppListItemSeparator from '../components/lists/AppListItemSeparator';

//  App component Screens
import AccountScreen from './componentScreens/AccountScreen';
import ListingDetailsScreen from './componentScreens/ListingDetailsScreen';
import ListingEditScreen from './componentScreens/ListingEditScreen';
import ListingsScreen from './componentScreens/ListingsScreen';
import LoginScreen from './componentScreens/LoginScreen';
import MessagesScreen from './componentScreens/MessagesScreen';
import RegisterScreen from './componentScreens/RegisterScreen';
import ViewImgageScreen from './componentScreens/ViewImageScreen';
import WelcomeScreen from './componentScreens/WelcomeScreen';

import defaultStyles from '../constants/styles';
// upper lower break divide \\
<Text style={styles.title}>Components</Text>
<AppButton />
<AppCard />
<AppCategoryPickerItem />
<AppIcon />
<AppPicker />
<AppPickerItem />
<AppScreen />
<AppText />
<AppTextInput />

<View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
<Text style={styles.title}>form Components</Text>
<AppErrorMessage />
<AppForm />
<AppFormField />
<AppFormPicker />
<AppSubmitButton />

<View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
<Text style={styles.title}>list Components</Text>
<AppListItem />
<AppListItemDeleteAction />
<AppListItemSeparator />

<View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
<Text style={styles.title}>component Screens</Text>
<AccountScreen />
<ListingDetailsScreen />
<ListingEditScreen />
<ListingsScreen />
<LoginScreen />
<MessagesScreen />
<RegisterScreen />
<ViewImgageScreen />
<WelcomeScreen />