React Native Elements & docs 77.9k
Native Base & docs 52.3k
React Native Paper & docs 31.2k
React Native Material UI & docs 2.5k
React Native UI Kitten & docs 2k
React Native UI Lib & docs 997
React Native iOS Kit & docs 58
# assets
# components
# constants
# screens
README.md
# 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 />
Mastering React (13-hour Course):
React Tutorial on YouTube (2-hour Course):
http://forum.codewithmosh.com/
https://docs.expo.io/workflow/ios-simulator/
CNTRL D
& CMND D
exp//192:68.0.14:19000
https://docs.expo.io/workflow/android-studio-emulator/
CNTRL M
(windows) or CMND M
(mac)
onPress={handlePress}
Fundamental Concepts #8 StyleSheet
Fundamental Concepts #9 PlatForm
03
Welcom Screen
Image Screen
Layouts #3 Detecting Orentation Changes
CNTRL or CMND
(left & right arrows)
react-native-community/hooks
npm install @react-native-community/hooks
Layouts #4 FlexBox
Layouts #5 FlexBox -Direction
Layouts #6 Flexbox-justifyContent
Layouts #7 Flexbox-alignContent
04
https://github.com/react-native-training/react-native-fonts
Styles #6 Encapsulating Styles appText
https://icons.expo.fyi/
Button 07?
Styles #8 Platform-Specific
Styles #12 Improving the Welcome Screen _ WelcomeScreen
Styles #13 Card Component appCard [style array]
Styles #14 Listing Details _ Listings Details Screen
Styles #15 ListItem Component appListItem
Styles #16 Improving the Image Screen _ ImageScreen
05
Lists #2 FlatList _appMessages Screen
Lists #3 Extracting the Screen Component_appScreen
Lists #4 Seperator appListItemSeperator
Lists #5 Handling Selections
Lists #6 Handling Swipes
Lists #7 Deleting an Item appListItemDeleteAction
Lists #8 Implementing Pull to Refresh
Lists #11 Building the Icon Component Icon
Lists #12 Extending the ListItem Component
Lists #13 Building the Account Screen _Account Screen
Lists #14 Building the Listings Screen _Listings Screen
06
Input Components #4 Extracting the Default Styles
Input Components #6 Picker Picker
expo install @react-native-community/datetimepicker
Input Components #7 PickerItem PickerItem
Input Components #8 Modal
07
app Form
app Form Field
app Form Picker
app Error Message
app Submit Button
_ListingEditScreen
_LoginScreen
_LoginScreen
_RegisterScreen
Forms #2 Building the Login Form _LoginScreen
Forms #3 Building Better Forms with Formik
Forms #4 Form Validation with Yup
Forms #5 Building the ErrorMessage Component app Error Message
Forms #7 Building the Field Component app Form Field
Forms #8 Building the SubmitButton Component app Submit Button
Forms #9 Building the Form Component app Form
Forms #10 Organizing Components
Forms #12 Building the Listing Edit Screen _ListingEditScreen
article about Formik & Yup
08
ImproveMents #8 Building the CategoryPickerItem Component
Navigation (50m) # 12- Building AuthNavigator _ Auth Navigator
Navigation (50m) 14- Building AppNavigator _ App Navigator
Navigation (50m) 15- Building FeedNavigator _ Feed Navigator
Navigation (50m) 16- Building AccountNavigator _ Account Navigator
Networking (1h) 6 Encapsulating Styles
Networking (1h) 6 Encapsulating Styles
Networking (1h) 6 Encapsulating Styles
Networking (1h) 6 Encapsulating Styles
{ "_displayInForeground": true }
Uploading Apps to the Apple App Store and Google Play
Overview
https://fastlane.tools/
blog.expo.io/automating-standalone-expo-app-builds-and-deployments-with-fastlane-exp-and-exptool
I'm an inline-style link with title
I'm an inline-style link with title