Apeman-react-head NPM

apeman-react-head

apeman react package for head component.

Installation

$ npm install apeman-react-head --save

Usage

Render head tag with meta tags.

'use strict'

import React from 'react'
import {ApHead} from 'apeman-react-head'

const ExampleComponent = React.createClass({
  render() {
    return (
      <html>
      <ApHead charset="utf-8"
              title='foo'
              icon='./favicon.png'
              meta={ {'description': 'This is description.'} }
              version='1.0.0'
              css={ ['css/lib.css', 'css/app.css'] }
              js={ ['js/lib.js', 'js/app.js'] }
              globals={ {
                appProps: {/* ... */}
            } }
      >
        <meta name="example-child-elm"/>
      </ApHead>
      <body>
      </body>
      </html>
    )
  }
})

Results like:

<!DOCTYPE html>
<html>
<head class="ap-head">
    <meta class="ap-head-meta" charset="utf-8"/>
    <title class="ap-head-title">foo</title>
    <meta name="description" content="This is description."/>
    <link rel="icon" href="./favicon.png?v=1.0.0"/>
    <script type="text/js" src="js/lib.js?v=1.0.0"></script>
    <script type="text/js" src="js/app.js?v=1.0.0"></script>
    <link rel="stylesheet" type="text/css" href="css/lib.css?v=1.0.0"/>
    <link rel="stylesheet" type="text/css" href="css/app.css?v=1.0.0"/>

    <meta name="example-child-elm"/>
</head>
</html>

Components

ApHead

Props

Name	Type	Default
charSet	string	'utf-8'	CharSet
title	string		Document Title
icon	string		Favicon
meta	arrayOf	object		Meta data
itemProps	arrayOf	object		Micro data settings
css	array		CSS file urls
js	array		JS file urls
version	string	'unknown'	Version string
versionKey	string	'v'	Query string key for version
globals	object		Global variables
viewPort	object	{

width: 'device-width', initialScale: '1.0' } | | View port settings | | base | string | null | | Base url | | baseTarget | string | undefined | | Target of base url. '_blank', '_parent', '_self', '_top' or frame name | | manifest | string | | | Path of manifest.json | | color | string | | | Theme color |

Props

Name	Type	Default	Description
charset	string	null	Charset value.
title	string	null	Title value.
icon	string	null	Favicon file path.
meta	object	null	Meta values.
css	array	null	Css file urls.
js	array	null	Js file urls.
version	string	'unknown'	Version number.
versionKey	string	'v'	Key of version in query string.