terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

update link prefetch syntax in examples (#1276)

Browse source
This commit is contained in:
Sébastien Dubois 2017-02-25 16:54:42 +02:00 committed by Tim Neutkens
parent e24db68f8b
commit 6ede206d82
5 changed files with 9 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/data-fetch/pages/index.js
View file

@ -1,6 +1,6 @@
import React from 'react' import React from 'react'
import Link from 'next/prefetch' import Link from 'next/link'
import 'isomorphic-fetch' import 'isomorphic-fetch'
export default class MyPage extends React.Component { export default class MyPage extends React.Component {
@ -15,7 +15,7 @@ export default class MyPage extends React.Component {
return ( return (
<div> <div>
<p>Next.js has {this.props.stars} ⭐️</p> <p>Next.js has {this.props.stars} ⭐️</p>
<Link href='/preact'><a>How about preact?</a></Link> <Link prefetch href='/preact'><a>How about preact?</a></Link>
</div> </div>
) )
} }

4
examples/data-fetch/pages/preact.js
View file

@ -1,6 +1,6 @@
import React from 'react' import React from 'react'
import Link from 'next/prefetch' import Link from 'next/link'
import 'isomorphic-fetch' import 'isomorphic-fetch'
export default class MyPage extends React.Component { export default class MyPage extends React.Component {
@ -15,7 +15,7 @@ export default class MyPage extends React.Component {
return ( return (
<div> <div>
<p>Preact has {this.props.stars} ⭐️</p> <p>Preact has {this.props.stars} ⭐️</p>
<Link href='/'><a>I bet next has more stars (?)</a></Link> <Link prefetch href='/'><a>I bet next has more stars (?)</a></Link>
</div> </div>
) )
} }

4
examples/using-inferno/pages/index.js
View file

@ -1,6 +1,6 @@
import React from 'react' import React from 'react'
import Link from 'next/prefetch' import Link from 'next/link'
export default () => ( export default () => (
<div>Hello World. <Link href='/about'><a>About</a></Link></div> <div>Hello World. <Link prefetch href='/about'><a>About</a></Link></div>
) )

6
examples/with-apollo/components/Header.js
View file

@ -1,12 +1,12 @@
import Link from 'next/prefetch' import Link from 'next/link'
export default ({ pathname }) => ( export default ({ pathname }) => (
<header> <header>
<Link href='/'> <Link prefetch href='/'>
<a className={pathname === '/' && 'is-active'}>Home</a> <a className={pathname === '/' && 'is-active'}>Home</a>
</Link> </Link>
<Link href='/about'> <Link prefetch href='/about'>
<a className={pathname === '/about' && 'is-active'}>About</a> <a className={pathname === '/about' && 'is-active'}>About</a>
</Link> </Link>

6
examples/with-flow/types/next.js.flow
View file

@ -24,12 +24,6 @@ declare module "next/error" {
declare module.exports: Class<React$Component<void, {statusCode: number}, any>>; declare module.exports: Class<React$Component<void, {statusCode: number}, any>>;
} }
declare module "next/prefetch" {
declare export var prefetch: (url: string) => any;
declare export var reloadIfPrefetched: any;
declare export default Class<React$Component<void, {href: string, prefetch?: boolean}, any>>;
}
declare module "next/router" { declare module "next/router" {
declare module.exports: { declare module.exports: {
route: string; route: string;