React Native Learning resource selection repository

• New ES6 features and differences between ES6 and ES5
• ES6 (13) : Class
• New in ES6: Use export and import to implement modularity
• ES6 exciting features
• ES6 Study Notes
• React on ES6+
• React/React Native ES5 / ES6 mapping table
• The ES6 is simple
• Ruan Yifeng ES6 document

• React React
• React Speed Tutorial (Middle)
• React React
• React Tutorial
• React by Ruan Yifeng
• React components communicate with each other
• Redux introduces the React data flow management architecture

• React Native layout detailed guide
• React Native layout
• Flex layout syntax tutorial
• React Native Explorations (2
• Build the F8 App/React Native developer guide

• React-native Elements A set of UI kits for developing RN (highly recommended)
• React-native action-button A button control that supports multiple click events
• React-native Activity-View Sharing and Action Sheets components for iOS
• The react — native app – intro to guide
• React-native blur adds a blur or frosted glass effect
• The react – native – calendar calendar
• React-native collapsible Component
• React Native Drawer effect can be used to implement side pull menu
• React-native dropdown menu
• ReactNativeEffectsView encapsulates UIVisualEffectViews on iOS 8 and implements ground-glass effects in ReactNative
• React-native Gesture-Password unlocked for iOS and Android
• React native gift-form uses forms conveniently in React Native
• React-native gift-Messenger easy implementation of chat UI
• React-native grid-view Is a grid view similar to UICollectionView in iOS
• React-native -keyboard-spacer works with iOS, which automatically adjusts the input box based on the keyboard
• React-native keyboardevents listens for keyboard display/hide
• The react – native – mapbox – gl map
• The react – native – maps map
• React-native material- Kit is a set of UI Components designed to introduce material Design
• The React-native ModalBox is used for the Component of the modal display
• React-native orientation Monitor device rotation
• The react – native – parallax parallax effect
• React -native picker selector can be used to implement time selection, region selection
• react-native-progress-hud ProgressHUD
• React-native Controllers encapsulate the native iOS navigation bar, Tabbar, drawer effects, and more.
• React-native Search-Bar encapsulates the iOS native UISearchBar
• React-native spinkit A set of Activity indicators
• The React-native Splashscreen App loads the view and automatically hides it after startup
• React-native – Vector-icons 3000+ supports custom ICONS
• React-native -invertible- ScrollView The reverse ScrollView, which starts from the bottom, is suitable for scrolling up to load more information, such as chatting
• React-native loading-spinner-overlay loading prompt spinner, iOS/Android supported
• The React-Native Tabs TAB is available for the bottom TAB bar as well as for segmented views

• React-native swiper is a swiping component.
• React-native looped- Carousel rolling wheelcast component.

• React-native htmlView: HTML display component that renders HTML text.

• React-native barcodescanner QR code scanning component
• React-native camera components
• The react-native image-picker can select images from the camera or album
• React-native video video assembly
• React-native image-crop-picker supports image cutting

• React-native SQlite-storage Sqlite3 package for iOS and Android
• The react-native store encapsulates the react-native AsyncStorage
• Realm-js Calls realms with js

• MRN: Material Design component library.
• React native- Material – Design: a library of materials design UI components for React Native.

• React Native – Scrollable -tab-view react Native TabLayout
• React-native – Tab-Navigator TabBar toggles views
• Teaset: The React Native UI framework provides 20+ pure JS components that can be seamlessly combined with existing React Native components for content presentation and operation control.

• React-native launch-image: a tool for manually disabling the iOS launch Screen on React Native. Detailed instructions
• RNShareSDK: A ReactNative plugin based on ShareSDK that allows RN developers to integrate the sharing and licensing features of various social platforms.

• Nuclide: Nuclide is an Atom-based development tool set from Facebook. For developing hack-based Web applications. It provides auto-complete and JavaScript type checking, built-in React development support, and support for Facebook’s latest React Native library, which supports Facebook’s Flow JavaScript type checker.
• WebStorm: JetBrains IDE for front-end development, WebStorm has JetBrains IDE lineage, is a development tool for front-end engineers. AndroidStudio is also an IDE based on JetBrains, which makes WebStorm a great choice for developers who are used to AndroidStudio.

• Solution: Next release empty section headers will be rendesred. In this release you can user ‘enableEmptySections’ flag to render empty section headers.
• error: no devices/emulators found
• React-native run-Android Could not download imagepipeline. Aar
• Undefined symbols for Architecture x86_64: “STD :: Terminate ()”
• Method 1: AnimateduseNativeDriver is not supported because the native animated module is missing
• Method 2: AnimateduseNativeDriver is not supported because the native animated module is missing
• Ultimately, it all needs to belibRCTAnimation.aFile to importreact-native issues #11094
• error: unable to find utility “instruments”, not a developer tool or in PATH
• Property ‘force’ not found on object of type ‘UITouch’
• Slow application reaction and stutter:

• Check whether excessive console log printing is caused
• Place the React Native Debugger first. Do not place the browser window on the menu

• Millet – com. Android. Builder. Testing. API. DeviceException: com. Android. Ddmlib. InstallException: Failed to establish the session
• *.h file-not-found
• Change the name of the Android app displayed on the phone

<resources>
    <string name="app_name">Your_app_name_to_display</string>
</resources>
Copy the code

• Change the name of apK when android is packaged: e.gwabg.apk

android{ applicationVariants.all { variant -> variant.outputs.each { output -> def outputFile = output.outputFile if (outputFile ! = null && outputFile.name.endsWith('.apk')) { File outputDirectory = new File(outputFile.parent); Def fileName // your APK package name if (variable. buildtype. name == "release") {fileName = "app_v${defaultConfig.versionName}_${releaseTime()}_${variant.productFlavors[0].name}.apk" } else { fileName = "app_v${defaultConfig.versionName}_${packageTime()}_debug.apk" } output.outputFile = new File(outputDirectory, fileName) } } } }Copy the code