gopalakrishnan-subramani/01.React Install.md

## 01.React Install.md

      
    Raw
  

              01.React Install.md
            
          
    System Requirements


Windows/Mac/Linux Desktop
At least 8 GB RAM, 12 GB preferred
i5 or i7 processor
50 GB Space in the Harddrive
Android/iOS Mobile phone for Expo App
Virtualization to be enabled in the BIOS for Emulators

Software Requirements


Java JDK 1.8
Intel HAXM https://software.intel.com/en-us/articles/intel-hardware-accelerated-execution-manager-intel-haxm
Node.js 8.12 or 10.x LTS
Chrome Browser with PostMan, React Dev Tool Plugin
Visual Studio Code
Android Studio 3.1 and above [take latest, as it needs Gradle >= 4.0)
Android API SDK 27 [Orio 8.1] and Android API Orio 8.0 (SDK 28)
Install Android Emulator Google APIs Intel x86 Atom System Image

Node.js


Install Node.js 8.12. Ensure that we have Node.js 8.x not lower or higher

Node.js Tools

Install below node.js tools for React Native Development
Environment Variables


Set JAVA_HOME to JDK 1.8 directory
Set ANDROID_HOME as per Android Studio SDK Location

Expo Cli

Expo cli doesn't need Java, JDK, SDK, XCode and other tools. It just works with your mobile phone. Ensure that your laptop and mobile phone connected to same WIFI network for same.
Install Expo App from Google Play Store or from App Store for iOS
npm install yarn -g

npm install -g expo-cli


Create Project using Expo

expo init ReactApp

cd ReactApp

npm start 

To run on Android emulator, but you should be running emulator in the machine.
npm run android

Create Project using React Native Cli*

npm install -g react-native-cli


React-Native-Cli needs Android SDK, JDK and other development tools.
with latest React-Native release (as on Dec 2018, 0.56/0.57), has bug with Windows OS and also few issues with Mac with iOS project template Do not use if you are working with Windows.
to create the app specific to React native version, use this command
  react-native init --version="react-native@0.55.4" ReactApp
  
  
 cd ReactApp

 react-native run-ios

 react-native run-android

Clean up

rm -rf ~/.rncache

when shakking not working

adb shell input keyevent KEYCODE_MENU
Troubleshooting


Clear watchman watches: watchman watch-del-all.
Delete the node_modules folder: rm -rf node_modules && npm install.
Reset Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache.
Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*.

iOS build issues
rm -rf node_modules/ && yarn cache clean && yarn install
node_modules/react-native/scripts/ios-install-third-party.sh
Commands


yarn add redux react-redux redux-thunk


yarn add react-navigation


yarn add react-native-gesture-handler


react-native link react-native-gesture-handler


yarn add redux redux-thunk react-redux


yarn add react-native-vector-icons


react-native link react-native-vector-icons

Refer for Android Source code update
https://reactnavigation.org/docs/en/getting-started.html

  
## Troubleshoot.md

      
    Raw
  

              Troubleshoot.md
            
          
    XCode 10 issues
facebook/react-native#21168
sed -i '' '/DevelopmentTeam = V9WTTPBFK9/d;/DEVELOPMENT_TEAM/d;/ProvisioningStyle = Automatic/d' ./node_modules/react-native/React/React.xcodeproj/project.pbxproj

Other React Native .57 issues

facebook/react-native#21490
Clean cache

rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all

Open a new tab and Start Metro Bundler directly from the project folder

react-native start  --reset-cache

Now run react-native run-android or react-native run-ios

https://stackoverflow.com/questions/37461703/print-entry-cfbundleidentifier-does-not-exist
For config.h not found error

cd node_modules/react-native/third-party/glog-0.3.4
./configure