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 → vikeri → Re Navigate

vikeri / Re Navigate

Licence: epl-1.0
Example of React Native Navigation with re-frame/re-natal

Programming Languages

clojure
4091 projects
clojurescript
191 projects

Labels

react-nativenavigationreact-navigationre-framenavigator

Projects that are alternatives of or similar to Re Navigate

React Native Navigation
A complete native navigation solution for React Native
Stars: ✭ 12,387 (+20206.56%)
Mutual labels:  navigation, navigator
kaptain
👨‍✈️ multi-module navigation on Android has never been so easier!
Stars: ✭ 24 (-60.66%)
Mutual labels:  navigation, navigator
React Navigation.github.io
Home of the documentation and other miscellanea
Stars: ✭ 207 (+239.34%)
Mutual labels:  navigation, react-navigation
Navigator
Android Multi-module navigator, trying to find a way to navigate into a modularized android project
Stars: ✭ 131 (+114.75%)
Mutual labels:  navigation, navigator
React Navigation
Routing and navigation for your React Native apps
Stars: ✭ 20,650 (+33752.46%)
Mutual labels:  navigation, react-navigation
react-native-weather
This project is to explore React Navigation (Drawer, Tab, and Stack Navigators). And explore best practices around styling, design, and collaborating with designers for better UX for building great apps.
Stars: ✭ 51 (-16.39%)
Mutual labels:  react-navigation, navigation
ClojureRNProject
Simple React Native application with ClojureScript, re-frame and react navigation v5
Stars: ✭ 32 (-47.54%)
Mutual labels:  react-navigation, re-frame
Hybrid Navigation
React Native Navigation that supports seamless navigation between Native and React.
Stars: ✭ 258 (+322.95%)
Mutual labels:  navigation, navigator
Native Navigation
Native navigation library for React Native applications
Stars: ✭ 3,126 (+5024.59%)
Mutual labels:  navigation, navigator
React Native Simple Router
A community maintained router component for React Native
Stars: ✭ 266 (+336.07%)
Mutual labels:  navigation, react-navigation
Ignite Bowser
Bowser is now re-integrated into Ignite CLI! Head to https://github.com/infinitered/ignite to check it out.
Stars: ✭ 586 (+860.66%)
Mutual labels:  react-navigation, navigator
React Router Navigation
⛵️ A complete navigation library for React Native, React DOM and React Router
Stars: ✭ 498 (+716.39%)
Mutual labels:  navigation, navigator
Jcnavigator
A decoupled navigator framework of jumping between modules or apps for iOS development.
Stars: ✭ 33 (-45.9%)
Mutual labels:  navigation, navigator
Deepseqslam
The Official Deep Learning Framework for Route-based Place Recognition
Stars: ✭ 49 (-19.67%)
Mutual labels:  navigation
Airr React
Animated views navigation and more for your Desktop and Mobile ReactJS app
Stars: ✭ 59 (-3.28%)
Mutual labels:  navigation
Flowzard
Isolates navigation from UI and Business logic with simple wizard like mechanism.
Stars: ✭ 49 (-19.67%)
Mutual labels:  navigation
Hugit
The humane Terminal UI for git!
Stars: ✭ 49 (-19.67%)
Mutual labels:  re-frame
Dooboo Native Ts
Complete boilerplate for react-native app. Contains, typescript, react-hook, context-api, ts-jest, localization, navigation and etc.
Stars: ✭ 61 (+0%)
Mutual labels:  react-navigation
React Cube Navigation
3d cube style navigation pattern, like that found in Instagram Stories
Stars: ✭ 59 (-3.28%)
Mutual labels:  navigation
Sesame
Android architecture components made right
Stars: ✭ 48 (-21.31%)
Mutual labels:  navigation
View All Similar Projects ➔

Update 2017-02-01: Got a VERY quick and dirty version for the new React Navigation library going. If you are looking for the old one for NavigationExperimental it is on the branch old-re-navigate

re-navigate

Example of React Navigation with re-frame/re-natal

This example uses React Native's new Navigation component React Navigation that eventually will replace the current React Native navigation solutions (or so they say).

The one thing that does not work is to read the state of the tabs in re-frame. If you do that the tab switching will flicker. So currently it is a hack that saves the state to the re-frame db but uses the Navigators own state management to actually update the state.

If someone wants to give the full re-frame solution a stab that can be found on commit 78c79aa.

Reading the state of the stack from re-frame works just fine.

Example code

It is based on the scaffold from re-natal, almost everything is found in re-navigate.ios.core

Run

Requirements:

  • node & npm/yarn
  • leiningen brew install leiningen
  • re-natal & react-native-cli npm install -g re-natal react-native-cli

cd into the directory.

yarn && lein prod-build && react-native run-ios

Notes

  • React (15.4.2)
  • React Native (0.40.0)

Contributors

Viktor Eriksson (vikeri)

Anthony Mittaz (sync)

Sam Liu (wind13)

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].