https://github.com/s-a/browserwall

A small, fast and rich-API browser/platform/engine detector for React.
https://github.com/s-a/browserwall

browser detection ender parser react reactcomponent reactjs sniff ua user-agent useragent

Last synced: 4 months ago
JSON representation

A small, fast and rich-API browser/platform/engine detector for React.

• Host: GitHub
• URL: https://github.com/s-a/browserwall
• Owner: s-a
• Created: 2020-09-18T05:43:40.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-18T09:43:56.000Z (almost 5 years ago)
• Last Synced: 2025-02-18T05:18:43.756Z (4 months ago)
• Topics: browser, detection, ender, parser, react, reactcomponent, reactjs, sniff, ua, user-agent, useragent
• Language: JavaScript
• Homepage:
• Size: 19.5 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![NPM Version](http://img.shields.io/npm/v/browserwall.svg)](https://www.npmjs.org/package/browserwall)

[![NPM Downloads](https://img.shields.io/npm/dm/browserwall.svg)](https://www.npmjs.org/package/browserwall)

[![Massachusetts Institute of Technology (MIT)](https://s-a.github.io/license/img/mit.svg)](/LICENSE.md#mit)

[![Donate](http://s-a.github.io/donate/donate.svg)](http://s-a.github.io/donate/)

# React Browser Wall Component

This component is based on [bowser](https://github.com/lancedikson/bowser) so `` [property settings are defined here](https://github.com/lancedikson/bowser). `` will render a default `Browser not supported DOM` but you can define your own `children` and provide a side entrance link.

## Installation

```bash

npm i browserwall --save

```

## Example 1

```javascript

import {BrowserWall, BrowserWallExit} from 'browserwall'

const supportedBrowserTree = {

	chrome: '>86',

	firefox: '>80',

	edge: '>86'

}

const result = (

	

		

			


				{this.state.user ? null : }

				{this.renderApplicationCore()}

				

			

			

		

	

)

```


## Example 2

```javascript

import {BrowserWall, BrowserWallExit} from 'browserwall'

const supportedBrowserTree = {

	chrome: '>86',

	firefox: '>80',

	edge: '>86'

}

const result = (

	

		

			


				{this.state.user ? null : }

				{this.renderApplicationCore()}

				

			

			:O( I feel adventurous. I want to go in anyway.

		

	

)

```