update readme

Author: conorhastings

README.md

@@ -3,8 +3,13 @@
 
 Syntax highlighting component for `React Native` using <a href='https://github.com/conorhastings/react-syntax-highlighter'> `react-syntax-highlighter`</a>
 
+### With Highlight.js vdom
 <img src='./react-native-syntax-highlighter.gif' />
 
+### With Prism vdom
+<img src='./react-native-syntax-highlighter-prism.gif' />
+
+
 You can try it out with <a href='https://expo.io'>Expo</a> <a href='https://expo.io/@conor/test-native-syntax'>here</a>
 
 ### Install
@@ -15,16 +20,24 @@ You can try it out with <a href='https://expo.io'>Expo</a> <a href='https://expo
 ### Use
 
 #### props
-Accepts all of the same props as <a href='https://github.com/conorhastings/react-syntax-highlighter'> `react-syntax-highlighter`</a> with two additional props.
+Accepts all of the same props as <a href='https://github.com/conorhastings/react-syntax-highlighter'> `react-syntax-highlighter`</a> with three additional props.
 * `fontFamily` - the font family to use for syntax text.
 * `fontSize` - the fontSize for syntax text.
+* `highligter` - defaults to rendering with vdom created from highlightjs, but can pass in `prism` as alternate option. You can see more about dealing with the prism highlighter in the docs for <a href='https://github.com/conorhastings/react-syntax-highlighter'>react-syntax-highlighter</a> but one of the main uses would be better support for jsx
 
 ```js
 import SyntaxHighlighter from 'react-native-syntax-highlighter';
-import { docco } from 'react-syntax-highlighter/dist/styles';
+/*by default component uses hljs so access hljs styles, import from /prism for prism styles */
+import { docco } from 'react-syntax-highlighter/styles/hljs';
 const Component = () => {
   const codeString = '(num) => num + 1';
-  return <SyntaxHighlighter language='javascript' style={docco}>{codeString}</SyntaxHighlighter>;  
+  return <SyntaxHighlighter 
+  	language='javascript' 
+  	style={docco}
+  	highlighter={"prism" || "hljs"}
+  >
+  	{codeString}
+  </SyntaxHighlighter>;  
 }
 ```
 
@@ -37,83 +50,113 @@ Some of the react-syntax-highlighter props are not currently supported by the mo
 - lineNumberContainerStyle
 - lineNumberStyle
 
-### Styles Available   
-
-- agate
-- androidstudio
-- arduinoLight
-- arta
-- ascetic
-- atelierCaveDark
-- atelierCaveLight
-- atelierDuneDark
-- atelierDuneLight
-- atelierEstuaryDark
-- atelierEstuaryLight
-- atelierForestDark
-- atelierForestLight
-- atelierHeathDark
-- atelierHeathLight
-- atelierLakesideDark
-- atelierLakesideLight
-- atelierPlateauDark
-- atelierPlateauLight
-- atelierSavannaDark
-- atelierSavannaLight
-- atelierSeasideDark
-- atelierSeasideLight
-- atelierSulphurpoolDark
-- atelierSurphulpoolLight
-- atomOneDark
-- atomOneLight
-- brownPaper
-- codepenEmbed
-- colorBrewer
-- dark
-- darkula
-- defaultStyle
-- docco
-- dracula
-- far
-- foundation
-- githubGist
-- github
-- googlecode
-- grayscale
-- gruvboxDark
-- gruvboxLight
-- hopscotch
-- hybrid
-- idea
-- irBlack
-- kimbieDark
-- kimbieLight
-- magula
-- monoBlue
-- monokaiSublime
-- monokai
-- obsidian
-- ocean
-- paraisoDark
-- paraisoLight
-- pojoaque
-- purebasic
-- qtcreatorDark
-- qtcreatorLight
-- railscasts
-- rainbow
-- schoolBook
-- solarizedDark
-- solarizedLight
-- sunburst
-- tomorrowNightBlue
-- tomorrowNightBright
-- tomorrowNightEighties
-- tomorrowNight
-- tomorrow
-- vs
-- xcode
-- xt256
-- zenburn
+### Styles Available -- hljs 
+
+* agate
+* androidstudio
+* arduinoLight
+* arta
+* ascetic
+* atelierCaveDark
+* atelierCaveLight
+* atelierDuneDark
+* atelierDuneLight
+* atelierEstuaryDark
+* atelierEstuaryLight
+* atelierForestDark
+* atelierForestLight
+* atelierHeathDark
+* atelierHeathLight
+* atelierLakesideDark
+* atelierLakesideLight
+* atelierPlateauDark
+* atelierPlateauLight
+* atelierSavannaDark
+* atelierSavannaLight
+* atelierSeasideDark
+* atelierSeasideLight
+* atelierSulphurpoolDark
+* atelierSulphurpoolLight
+* atomOneDark
+* atomOneLight
+* brownPaper
+* codepenEmbed
+* colorBrewer
+* darcula
+* dark
+* darkula
+* defaultStyle
+* docco
+* dracula
+* far
+* foundation
+* githubGist
+* github
+* googlecode
+* grayscale
+* gruvboxDark
+* gruvboxLight
+* hopscotch
+* hybrid
+* idea
+* irBlack
+* kimbieDark
+* kimbieLight
+* magula
+* monoBlue
+* monokaiSublime
+* monokai
+* obsidian
+* ocean
+* paraisoDark
+* paraisoLight
+* pojoaque
+* purebasic
+* qtcreatorDark
+* qtcreatorLight
+* railscasts
+* rainbow
+* routeros
+* schoolBook
+* solarizedDark
+* solarizedLight
+* sunburst
+* tomorrowNightBlue
+* tomorrowNightBright
+* tomorrowNightEighties
+* tomorrowNight
+* tomorrow
+* vs
+* vs2015
+* xcode
+* xt256
+* zenburn
+
+### Styles Available -- prism
+
+* coy
+* dark
+* funky
+* okaidia
+* solarizedlight
+* tomorrow
+* twilight
+* prism
+* atomDark
+* base16AteliersulphurpoolLight
+* cb
+* darcula
+* duotoneDark
+* duotoneEarth
+* duotoneForest
+* duotoneLight
+* duotoneSea
+* duotoneSpace
+* ghcolors
+* hopscotch
+* pojoaque
+* vs
+* xonokai 
+