winoteam / React Router Navigation
Licence: mit
⛵️ A complete navigation library for React Native, React DOM and React Router
Stars: ✭ 498
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Router Navigation
Hybrid Navigation
React Native Navigation that supports seamless navigation between Native and React.
Stars: ✭ 258 (-48.19%)
Mutual labels: router, navigation, navigator
GitHubSearch
GitHub iOS client with minimum third-party dependencies.
Stars: ✭ 34 (-93.17%)
Mutual labels: router, navigator
go router
The purpose of the go_router for Flutter is to use declarative routes to reduce complexity, regardless of the platform you're targeting (mobile, web, desktop), handling deep linking from Android, iOS and the web while still allowing an easy-to-use developer experience.
Stars: ✭ 380 (-23.69%)
Mutual labels: router, navigation
browser
Routing and Navigation for browser apps
Stars: ✭ 31 (-93.78%)
Mutual labels: router, navigation
kaptain
👨✈️ multi-module navigation on Android has never been so easier!
Stars: ✭ 24 (-95.18%)
Mutual labels: navigation, navigator
universal-router
↩️ Router for every occasions
Stars: ✭ 64 (-87.15%)
Mutual labels: router, navigation
Marshroute
Marshroute is an iOS Library for making your Routers simple but extremely powerful
Stars: ✭ 208 (-58.23%)
Mutual labels: router, navigation
Frontexpress
An Express.js-Style router for the front-end
Stars: ✭ 263 (-47.19%)
Mutual labels: router, navigation
React Native Simple Router
A community maintained router component for React Native
Stars: ✭ 266 (-46.59%)
Mutual labels: router, navigation
Native Navigation
Native navigation library for React Native applications
Stars: ✭ 3,126 (+527.71%)
Mutual labels: navigation, navigator
Parrot
Web router specially designed for building SPAs using Meteor
Stars: ✭ 75 (-84.94%)
Mutual labels: router, navigation
qlevar router
Manage you project Routes. Create nested routes. Simply navigation without context to your pages. Change only one sub widget in your page when navigating to new route.
Stars: ✭ 51 (-89.76%)
Mutual labels: router, navigation
navigation-skeleton
This component allows you to show skeletons of pages during navigation process.
Stars: ✭ 16 (-96.79%)
Mutual labels: router, navigation
react-native-boilerplate
Ready-made structure of your next React Native application within a few minutes.
Stars: ✭ 36 (-92.77%)
Mutual labels: router, navigation
Arouter
💪 A framework for assisting in the renovation of Android componentization (帮助 Android App 进行组件化改造的路由框架)
Stars: ✭ 13,587 (+2628.31%)
Mutual labels: router, navigation
Android Router
An android componentization protocol framework, used for decoupling complex project. Android高性能轻量级路由框架
Stars: ✭ 208 (-58.23%)
Mutual labels: router, navigation
Route Composer
Protocol oriented, Cocoa UI abstractions based library that helps to handle view controllers composition, navigation and deep linking tasks in the iOS application. Can be used as the universal replacement for the Coordinator pattern.
Stars: ✭ 362 (-27.31%)
Mutual labels: router, navigation
react-router-navigation
❌ This project is not maintained anymore ... go see
react-navigation
react-router-navigation provides tools to navigate between multiple screens with navigators or tab views. This library is based on react-router, react-navigation, and react-native-tab-view.
🔥 Highlights
- Just an add-on to
react-router - Declarative composability
- Allow you to call transitions anywhere in your code with simple components
- Dynamic Routing
- URL Driven Development
- Easy-to-use navigation solution using
react-navigation - Tab Bar Support using
react-native-tab-view - Cross-platform (iOS, Android and Web)
- First class deep linking support
- Nested Navigators
- Fully-tested & strictly-typed
- TypeScript support
📟 Demos
💻 How to use
Install as project dependency:
$ yarn add react-router react-router-native react-router-navigation
Now you can use React Router Navigation to navigate between your screens:
💡 Guide
To learn how the library work, head to this introduction written by @CharlesMangwa: Thousand ways to navigate in React-Native
📖 Docs
-
<Navigation />handles the transition between different scenes in your app. -
<Tabs />make it easy to explore and switch between different views. -
<BottomNavigation />make it easy to explore and switch between top-level views in a single tap. - Works great with React Native web. Getting started
- And some performance tips
🕺 Contribute
Want to hack on react-router-navigation? Awesome! We welcome contributions from anyone and everyone. 🚀
- Fork this repository to your own GitHub account and then clone it to your local device
- Install dependencies using Yarn:
yarn - Ensure that the tests are passing using
yarn test - Send a pull request 🙌
Remember to add tests for your change if possible. ️
👋 Questions
If you have any questions, feel free to get in touch on Twitter @Leo_LeBras or open an issue.
😍 Thanks
react-router-navigation is based on React Router. Thanks to Ryan Florence @ryanflorence, Michael Jackson @mjackson and all the contributors for their work on react-router and history.
Special thanks to @ericvicenti, @skevy, @satya164 and @grabbou for their work on react-navigation and @satya164 for his work on react-native-tab-view.
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].