{"id":13725996,"url":"https://github.com/winoteam/react-router-navigation","last_synced_at":"2025-05-07T21:31:07.784Z","repository":{"id":46554144,"uuid":"64037177","full_name":"winoteam/react-router-navigation","owner":"winoteam","description":"⛵️ A complete navigation library for React Native, React DOM and React Router","archived":true,"fork":false,"pushed_at":"2021-10-05T22:28:50.000Z","size":17098,"stargazers_count":499,"open_issues_count":33,"forks_count":49,"subscribers_count":21,"default_branch":"master","last_synced_at":"2024-11-11T19:08:09.820Z","etag":null,"topics":["navigation","navigator","react-native","router","tabs","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/winoteam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-23T21:41:15.000Z","updated_at":"2024-09-10T15:01:50.000Z","dependencies_parsed_at":"2022-09-12T06:30:48.394Z","dependency_job_id":null,"html_url":"https://github.com/winoteam/react-router-navigation","commit_stats":null,"previous_names":["leolebras/react-native-router-navigation","leolebras/react-router-navigation"],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/winoteam%2Freact-router-navigation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/winoteam%2Freact-router-navigation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/winoteam%2Freact-router-navigation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/winoteam%2Freact-router-navigation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/winoteam","download_url":"https://codeload.github.com/winoteam/react-router-navigation/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224609017,"owners_count":17339785,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["navigation","navigator","react-native","router","tabs","web"],"created_at":"2024-08-03T01:02:46.431Z","updated_at":"2024-11-14T16:33:07.977Z","avatar_url":"https://github.com/winoteam.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# react-router-navigation\n\n[![Build Status](https://travis-ci.org/winoteam/react-router-navigation.svg?branch=master)](https://travis-ci.org/winoteam/react-router-navigation)\n[![npm version](https://badge.fury.io/js/react-router-navigation.svg)](https://badge.fury.io/js/react-router-navigation)\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n\u003e ❌ This project is not maintained anymore ... go see [`react-navigation`](https://github.com/react-navigation/react-navigation)\n\n**`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`.**\n\n\u003cimg src=\"https://raw.githubusercontent.com/winoteam/react-router-navigation/master/docs/demo.gif\" width=\"250\"\u003e\n\n## 🔥 Highlights\n\n* **Just an add-on to [`react-router`](https://github.com/ReactTraining/react-router)**\n* Declarative composability\n* Allow you to call transitions anywhere in your code with simple components\n* Dynamic Routing\n* URL Driven Development\n* Easy-to-use navigation solution using `react-navigation`\n* Tab Bar Support using `react-native-tab-view`\n* Cross-platform (iOS, Android and Web)\n* First class deep linking support\n* Nested Navigators\n* [Fully-tested](https://facebook.github.io/jest/) \u0026 [strictly-typed](https://flow.org/)\n* [TypeScript support](https://github.com/DefinitelyTyped/DefinitelyTyped/pull/23114)\n\n## 📟  Demos\n* [Minimal native app](examples/minimal-native-app)\n* [Real world native app](examples/real-world-native-app)\n* [Polaris web app](examples/polaris-web-app) ➡️ [See it !](https://focused-blackwell-61841d.netlify.com/)\n\n## 💻  How to use\n\nInstall as project dependency:\n\n```shell\n$ yarn add react-router react-router-native react-router-navigation\n```\n\nNow you can use React Router Navigation to navigate between your screens:\n\n\u003cimg src=\"docs/SAMPLE_CODE.png\" width=\"700\"\u003e\n\n## 💡 Guide\n\nTo learn how the library work, head to this introduction written by [@CharlesMangwa](https://twitter.com/Charles_Mangwa): [Thousand ways to navigate in React-Native](https://medium.com/the-react-native-log/thousand-ways-to-navigate-in-react-native-f7a1e311a0e8)\n\n## 📖 Docs\n\n* [`\u003cNavigation /\u003e`](docs/NAVIGATION.md) handles the transition between different scenes in your app.\n* [`\u003cTabs /\u003e`](docs/TABS.md) make it easy to explore and switch between different views.\n* [`\u003cBottomNavigation /\u003e`](docs/BOTTOM_NAVIGATION.md) make it easy to explore and switch between top-level views in a single tap.\n* Works great with [React Native web](https://github.com/necolas/react-native-web). [Getting started](docs/REACT_NATIVE_WEB.md)\n* And some [performance tips](docs/PERFORMANCE.md)\n\n## 🕺 Contribute\n\n**Want to hack on `react-router-navigation`? Awesome! We welcome contributions from anyone and everyone. :rocket:**\n\n1. Fork this repository to your own GitHub account and then clone it to your local device\n2. Install dependencies using Yarn: `yarn`\n3. Ensure that the tests are passing using `yarn test`\n4. Send a pull request 🙌\n\nRemember to add tests for your change if possible.\n️\n## 👋 Questions\n\nIf you have any questions, feel free to get in touch on Twitter [@Leo_LeBras](https://twitter.com/Leo_LeBras) or open an issue.\n\n## 😍 Thanks\n\n`react-router-navigation` is based on [React Router](https://github.com/reactjs/react-router). Thanks to Ryan Florence [@ryanflorence](https://twitter.com/ryanflorence), Michael Jackson [@mjackson](https://twitter.com/mjackson) and all the contributors for their work on [`react-router`](https://github.com/reactjs/react-router) and [`history`](https://github.com/mjackson/history).\n\nSpecial thanks to [@ericvicenti](https://twitter.com/ericvicenti), [@skevy](https://twitter.com/skevy), [@satya164](https://twitter.com/satya164) and [@grabbou](https://twitter.com/grabbou) for their work on [`react-navigation`](https://github.com/react-community/react-navigation/) and [@satya164](https://twitter.com/satya164) for his work on [`react-native-tab-view`](https://github.com/react-native-community/react-native-tab-view).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwinoteam%2Freact-router-navigation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwinoteam%2Freact-router-navigation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwinoteam%2Freact-router-navigation/lists"}