Edit in JSFiddle

// src/components/header/index.js
import { h, Component } from 'preact';
// Link is used to create links to other routes/pages
import { Link } from 'preact-router/match';
import style from './style';

export default class Header extends Component {
   render() {
      return (
         <header class={style.header}>
            <h1>PreactDribbble</h1>
            <nav>
               <Link activeClassName={style.active} href="/">Home</Link>
            </nav>
         </header>
      );
   }
}