Skip to content

Commit

Permalink
docs(v2): Redirect component for easy redirect (#1913)
Browse files Browse the repository at this point in the history
* docs(v2): Redirect component for easy redirect

* typo

* docs

* Update website/docs/docusaurus-core.md

Co-Authored-By: Alexey Pyltsyn <[email protected]>

* Update docusaurus-core.md
  • Loading branch information
endiliey authored Oct 30, 2019
1 parent 6fcee6d commit 16f10dd
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 1 deletion.
10 changes: 10 additions & 0 deletions CHANGELOG-2.x.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,16 @@ If you've swizzled Algolia `SearchBar` component before, please update your sour
+ <div className="navbar__search" key="search-box">
```
- Reduce memory usage consumption.
- Add `<Redirect>` component for easy client side redirect.
Example Uaage:
```js
import React from 'react';
import {Redirect} from '@docusaurus/router';

function Home() {
return <Redirect to="/docs/test" />;
}
```
- Slightly adjust search icon position to be more aligned on small width device.
- Convert sitemap plugin to TypeScript.
- Significantly reduce main bundle size and initial HTML payload on production build. Generated JS files from webpack is also shorter in name.
Expand Down
18 changes: 17 additions & 1 deletion website/docs/docusaurus-core.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
id: docusaurus-core
title: Docusaurus Core API
title: Docusaurus Client API
sidebar_title: Client API
---

Docusaurus provides some API on client that can be helpful when building your site.
Expand Down Expand Up @@ -143,3 +144,18 @@ function Help() {
);
}
```

## `<Redirect />`

Rendering a `<Redirect>` will navigate to a new location. The new location will override the current location in the history stack, like server-side redirects (HTTP 3xx) do. You can refer to [React Router's Redirect documentation](https://reacttraining.com/react-router/web/api/Redirect) for more info on available props.

Example usage:

```jsx {2,5}
import React from 'react';
import {Redirect} from '@docusaurus/router';

function Home() {
return <Redirect to="/docs/test" />;
}
```

0 comments on commit 16f10dd

Please sign in to comment.