FKP-REACT-NATIVE

Это простой фреймворк для React Native, с маршрутизатором, Socket.io и SAX и т. д.

FKP-React-Native совместим с Android и iOS, основан на адресной структуре node, при импорте можно опустить ненужные ../../.

Dependencies

Моя среда:

node = 6.2.2  
npm = 3.0+  
rnpm = последняя версия
react-native = 0.30+
react-native-cli = 1.0.0+

// Установка среды для win/mac/linux, пожалуйста, найдите её самостоятельно
npm install -g node-pre-gyp
npm install -g react-native-cli
npm install -g rnpm

Установка

1. Клонируйте или получите архив .zip
2. Установите npm
3. Свяжите rnpm

Запуск

$ react-native run-ios/andorid

Функции

1. Маршрутизатор
2. SAX
3. Socket.io ...

Маршрутизатор

Обёртывает Navigator, маршрутизатор является глобальным, можно в любое время перейти к предопределённому сценарию и ввести данные намерения.

render(){
    return (
        route.init( {
            tabbar: require('./common/tabbar').default,
            web: require('comp/modules/webrender').default,
        })
        .start('tabbar')
    )
}

// Как FKP-JS SPA  
// щелчок по элементу списка блога -> Router('web', {...})

SAX

SAX наследуется от FKP-JS фреймворка, store and action X, используется для управления данными, а затем отображает компонент реакции, SAX — это глобальная переменная, без конфигурации, без статистики..., в этом случае я пишу высокоуровневый компонент store для react-native с SAX.

// Определяем FKP-tabbar
let Home = tabs({
        blog: _blog,
        message: _msg,
        setting: _set,
        badge: _bdg
    },
    { sax: 'TabBlog' }
)

....

let saxData = {
    data: {
        badge: {
            message: 3,
            setting: 2,
            badge: 11
        }
    }
}

SAX.setter('TabBlog', saxData)

WebSocket

С помощью Socket.io вы можете общаться с сервером FKP-JS, имя переменной — Sio, это глобальная переменная, которая отправляет данные в реальном времени, в соответствии со структурой данных, в сочетании с SAX, динамически обновляет структуру приложения.

// websocket
// Сервер от agzgz.com отправляет (настроен FKPJS)
Sio(function(socket){
    socket.on('imchat', (msg)=>{   //msg — это объект JSON
        console.log(msg);
        Toast.show(msg.message)
    })
})