ebrugulec

const generatePassword = () => {
  ...
  setPassword(passwordArray.join(""))
}

ebrugulec

useEffect(() => {
    document.getElementById("copy_btn").addEventListener("click", copyToClipboard);
    return () => {
        document.getElementById("copy_btn").removeEventListener("click", copyToClipboard);
    }
}, [])

useEffect(() => {
    generatePassword()
    checkPasswordStrength()

ebrugulec

function PasswordGenerator(props){
  const [password, setPassword] = useState('')
  const [length, setLength] = useState(props.length)
  const [digitCount, setDigitCount] = useState(props.digitCount)
  const [symbolCount, setSymbolCount] = useState(props.symbolCount)
  const [copy, setCopy] = useState(false)
  const [strengthScore, setStrengthScore] = useState(0)
  const [strengthText, setStrengthText] = useState('')
  const [settings, setSettings] = useState({
      maxLength: props.maxLength,

ebrugulec

<input
    id="length"
    type="range"
    min="6"
    className="range-slider"
    max={maxLength}
    value={length}
    onChange={(e) => this.handleOnChange(e, 'length')}
/>

ebrugulec

checkPasswordStrength = () => {
  ...
  this.setState({
      strengthScore: 10,
      strengthText: 'weak'
  })
}
copyToClipboard = () => {
  ...
  this.setState({

ebrugulec

generatePassword = () => {
  ...
  this.setState({
      password: passwordArray.join("")
  }, () => {
      this.checkPasswordStrength();
  })
}

ebrugulec

    componentDidMount(){
        this.generatePassword()
        this.checkPasswordStrength()
        document.getElementById("copy_btn").addEventListener("click", this.copyToClipboard);
    }
    componentWillUnmount(){
        document.getElementById("copy_btn").removeEventListener("click", this.copyToClipboard);
    }

ebrugulec

class PasswordGenerator extends Component {
    constructor(props){
        super(props)
        this.state = {
            password: '',
            length: 12,
            digits: 4,
            symbols: 2,
            copy: false,
            strengthScore: 0,

ebrugulec

# .gitignore
node_modules
dist

ebrugulec

module.exports = {
    output: {
        path: path.join(__dirname, "examples/dist"),
        filename: "bundle.js"
    },
}