Detect browser language
npm install detect-browser-language> Detect browser language
``bash`
$ yarn add detect-browser-language
- Chrome
- Firefox
- IE
- Edge
- Opera
- Safari
`js
// without SSR (server-side rendering) — React example
import React from 'react'
import detectBrowserLanguage from 'detect-browser-language'
export default () =>
`js
// with SSR (server-side rendering) — React example
import React, { Component } from 'react'export default class Page Component {
componentDidMount() {
const detectBrowserLanguage = require('detect-browser-language')
this.setState({ userLanguage: detectBrowserLanguage() })
}
render() {
const { userLanguage } = this.state
return
{userLanguage}
}
}
`_PS: Works with other libraries as well._
Why
If you have a website that has
intl` implemented use this library to get user preferred language instead trying to guess the language based on their geolocation. I might be in France but that does't mean I speak/read french.
MIT © Bu Kinoshita