Они экспортируются в нативном коде, к примеру в java есть такой декоратор, который позволяет вызвать эту нативную функцию из JS потока:

// my method class
 @ReactMethod
    public void setCurrentTime(final Integer key, final Float sec) {
        MediaPlayer player = this.playerPool.get(key);
        if (player != null) {
            player.seekTo((int) Math.round(sec * 1000));
        }
    }

В Obj-C есть свое:

// создается нативный модуль OutputVolume
@implementation OutputVolume

RCT_EXPORT_MODULE();

// Отдает метод get
RCT_REMAP_METHOD(get,  
                 resolver:(RCTPromiseResolveBlock)resolve
                 rejecter:(RCTPromiseRejectBlock)reject)
{
  float volume = [AVAudioSession sharedInstance].outputVolume;
  NSString* volumeString = [NSString stringWithFormat:@"%f", volume];

  if (volumeString) {
    resolve(volumeString);
  } else {
    reject(@"get_error", @"Error getting system volume", nil);
  }

}

А вот как принимать это в JS коде:

import { NativeModules } from 'react-native';

const MyNativeModule = NativeModules.MyNativeModule;

Почитать:
- https://www.promptworks.com/blog/writing-native-mo...
- https://clever.ly/blog/2017/05/09/going-native-cre...
- https://shift.infinite.red/native-modules-for-reac...

Собственно оба варианта корректны. Если рассматривать это в плане удобства использования, то второй вариант однозначно выигрывает. Один большой компонент будет разделен на несколько мелких, те еще на несколько, а те - еще. И вам будет проблематично перебрасывать каждый раз в параметры store.

Provider вызывается один раз в корневом компоненте. Далее же вы просто любой из компонентов подключаете к redux store:

import React, {Component} from "react";

import {connect} from "react-redux";
import {bindActionCreators} from "redux";

/* ваш компонент */

class MyComponent extends Component {
	render() {
		console.log(this.props);

		return (<div></div>);
	}
}

const mapStateToProps = (state) => {
	return {
		state
	}
};

const mapDispatchesToProps = (dispatch) => {
	return {
		dispatch,
		// это мы подключаем собственные actions
		actions: bindActionCreators(actions, dispatch),
	}
};

export default connect(mapStateToProps, mapDispatchesToProps)(MyComponent);

1. 3
2. 1
3. 1
4. 4
5. 4

Вам следует сделать проверку на девайс или на разрешение экрана и в зависимости от результата разрешать выполнение вашей функции.
if( isMobile() ) yourFunction();