react-ua

react-ua

React User Agent Component and Provider, SSR-ready, using new React Context API

Features

• Wrapper for ua-parser-js
• Using new React Context API
• SSR-ready

Try it live at StackBlitz

import React, { Component } from 'react';
import { UserAgentProvider, UserAgent } from 'react-ua';

class App extends Component {
  render() {
    return <UserAgent>{ua => <div>OS: {ua.os.name}</div>}</UserAgent>;
  }
}

class Home extends Component {
  state = {
    email: ''
  };
  render() {
    return (
      <UserAgentProvider>
        <App />
      </UserAgentProvider>
    );
  }
}

// SSR
const el = (
  <UserAgentProvider value={request.headers['user-agent']}>
    <App />
  </UserAgentProvider>
);

renderToString(el);

License

MIT