GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → tomoima525 → react-native-hybrid-app

tomoima525 / react-native-hybrid-app

Licence: other
Demo application ofReact Native Hybrid Application (ReactNative + Redux + RxJs)

Programming Languages

javascript
184084 projects - #8 most used programming language
java
68154 projects - #9 most used programming language
swift
15916 projects
python
139335 projects - #7 most used programming language
ruby
36898 projects - #4 most used programming language
objective c
16641 projects - #2 most used programming language
c
50402 projects - #5 most used programming language

Labels

reduxandroidiosredux-observablereactnativehybrid-application

Projects that are alternatives of or similar to react-native-hybrid-app

netflix-react-native
Recreating app Netflix with React Native & styled components
Stars: ✭ 20 (+33.33%)
Mutual labels:  reactnative
react-native-whirlwind
Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.
Stars: ✭ 91 (+506.67%)
Mutual labels:  reactnative
react-native-month-picker
This is a month picker to use in react native mobile apps.
Stars: ✭ 16 (+6.67%)
Mutual labels:  reactnative
IEManageSystem
基于 Asp.net core + React + ReactNative 的 可视化编辑，所见即所得 的 CMS，具有 浏览器 和 App 两个前端
Stars: ✭ 51 (+240%)
Mutual labels:  reactnative
react-redux-observables-boilerplate
Starter kit for React with Router, Redux, Observable + RxJS
Stars: ✭ 89 (+493.33%)
Mutual labels:  redux-observable
react-native-viewpager-indicator
修改自react-native-scrollable-tab-view，增加了根据文字内容适配下划线长度的功能。
Stars: ✭ 52 (+246.67%)
Mutual labels:  reactnative
react-ssr-advanced-seed
🔮 React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)
Stars: ✭ 76 (+406.67%)
Mutual labels:  redux-observable
expo-three-orbit-controls
🎥 Three.js Orbit Controls (Camera) bridged into React Native
Stars: ✭ 43 (+186.67%)
Mutual labels:  reactnative
sketch-style-to-react-native
Sketch plugin that copies an element's styles in React Native way directly to your Mac clipboard.
Stars: ✭ 37 (+146.67%)
Mutual labels:  reactnative
iflux2
Reactive state container (based on immutable) for React or ReactNative, inspired by mapreduce.
Stars: ✭ 50 (+233.33%)
Mutual labels:  reactnative
aircnc
☕ Airbnb like (Air Coffee & Code) to booking spots for developers using ReactJS, React Native, Node.js and more.
Stars: ✭ 37 (+146.67%)
Mutual labels:  reactnative
react-tools-for-better-angular-apps
Use React ecosystem for unified and top notch DX for angular developement
Stars: ✭ 30 (+100%)
Mutual labels:  redux-observable
react-native-jsi-template
Template library and blog that explain how JSI modules are built from scratch in React Native
Stars: ✭ 84 (+460%)
Mutual labels:  reactnative
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+413.33%)
Mutual labels:  redux-observable
react-native-input-bar
Fully customizable, beautifully designed Input Bar for React Native
Stars: ✭ 32 (+113.33%)
Mutual labels:  reactnative
gameplay-nlw-together
📱 🕹️ Projeto desenvolvido na missão React Native no NLW #06
Stars: ✭ 353 (+2253.33%)
Mutual labels:  reactnative
showcase-app-react-native
Aplicativos nacionais feitos com React Native
Stars: ✭ 114 (+660%)
Mutual labels:  reactnative
mobimoney
Cross-platform mobile payments project for React Native
Stars: ✭ 14 (-6.67%)
Mutual labels:  reactnative
react-native-slideable-calendar-strip
A react native calendar strip that support swipe!
Stars: ✭ 86 (+473.33%)
Mutual labels:  reactnative
typescript-react-redux-starter-kit
🏅🎖🥇Typescript+React全家桶脚手架
Stars: ✭ 21 (+40%)
Mutual labels:  redux-observable
View All Similar Projects ➔

React Native Hybrid App

  • A sample implementation of React Native - Native Hybrid application using ReactNative + Redux + RxJs
  • This application opens React Native screen from Native platform, fetch a list of Chuck Norris Fact on React Native, and return selected value to Native platform.

Android

img

iOS

img2

Note

Android

  • master branch is a very basic implementation of the hybrid application on Android.
  • If you would like to see a real world code, switch a branch to 'react_service_architecture'. This branch showcases a practical hybrid application using Dagger2 for DI and RxJava2 for creating Observer Pattern. 　

iOS

  • master branch is a very basic implementation of the hybrid application on iOS.
  • You might want to use RxSwift or other Reactive programming library to implement Observer Pattern.

Setup and run

React Native

  • install dependencies by either npm install or yarn install
  • Start React Native Server by react-native start

Android

  • Open Android Studio from android/build.gradle, and start the application from "Run" button

iOS

  • Run pod install beforehand and install libraries required for React Native
  • Open ios2/chuckNorrisViewer2.xcworkspace
  • Build and start the app
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].