Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' into silence-field-warnings
- Loading branch information
Showing
23 changed files
with
72 additions
and
350 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,80 +1,4 @@ | ||
# yew-router | ||
A routing library for the [Yew](https://github.com/yewstack/yew) frontend framework. | ||
|
||
|
||
### Example | ||
|
||
```rust | ||
use yew::prelude::*; | ||
use yew_functional::*; | ||
use yew_router::prelude::*; | ||
|
||
#[derive(Debug, Clone, Copy, PartialEq, Routable)] | ||
enum Route { | ||
#[at("/")] | ||
Home, | ||
#[at("/secure")] | ||
Secure, | ||
#[not_found] | ||
#[at("/404")] | ||
NotFound, | ||
} | ||
|
||
fn switch(routes: &Route) -> Html { | ||
let onclick_callback = Callback::from(|_| yew_router::service::push(Route::Home, None)); | ||
match routes { | ||
Route::Home => html! { <h1>{ "Home" }</h1> }, | ||
Route::Secure => html! { | ||
<div> | ||
<h1>{ "Secure" }</h1> | ||
<button onclick={onclick_callback}>{ "Go Home" }</button> | ||
</div> | ||
}, | ||
Route::NotFound => html! { <h1>{ "404" }</h1> }, | ||
} | ||
} | ||
|
||
// Component's `view` method | ||
html! { | ||
<Router<Route> render={Router::render(switch)} /> | ||
} | ||
``` | ||
|
||
### How it works | ||
This library works by getting the url location from the browser and uses it to instantiate a type that implements Switch. | ||
Simply using `<a></a>` tags to go to your route will not work out of the box, and are inefficient because the server will return the whole app bundle again at best, and at worst just return a 404 message if the server isn't configured properly. | ||
Using this library's RouteService, RouteAgent, RouterButton, and RouterLink to set the location via `history.push_state()` will change the route without retrieving the whole app again. | ||
#### Server configuration | ||
In order for an external link to your webapp to work, the server must be configured to return the `index.html` file for any GET request that would otherwise return a `404` for any conceivable client-side route. | ||
It can't be a `3xx` redirect to `index.html`, as that will change the url in the browser, causing the routing to fail - it must be a `200` response containing the content of `index.html`. | ||
Once the content of `index.html` loads, it will in turn load the rest of your assets as expected and your app will start, the router will detect the current route, and set your application state accordingly. | ||
|
||
If you choose to serve the app from the same server as your api, it is recommended to mount your api under `/api` and mount your assets under `/` and have `/` return the content of `index.html`. | ||
|
||
Look at https://webpack.js.org/configuration/dev-server/#devserverhistoryapifallback for info on how to configure a webpack dev server to have this behavior. | ||
|
||
|
||
### How to Include | ||
You can use the released version by adding these to your dependencies. | ||
```toml | ||
[dependencies] | ||
yew-router = "0.14.0" | ||
yew = "0.17.0" | ||
``` | ||
|
||
You can use the in-development version in your project by adding it to your dependencies like so: | ||
```toml | ||
[dependencies] | ||
yew-router = { git = "https://github.com/yewstack/yew", branch="master" } | ||
yew = {git = "https://github.com/yewstack/yew", branch = "master"} | ||
``` | ||
|
||
|
||
#### Minimum rustc | ||
Currently, this library targets rustc 1.39.0, but development is done on the latest stable release. | ||
This library aims to track Yew`s minimum supported rustc version. | ||
|
||
----- | ||
### Contributions/Requests | ||
|
||
If you have any questions, suggestions, or want to contribute, please open an Issue or PR and we will get back to you in a timely manner. | ||
[Read on how to use it on yew.rs](https://yew.rs/docs/concepts/router) |
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.