mlshv

import { useState, useEffect } from 'react'

const removeKeyFromState = (key, setState) => {
    setState(({ [key]: deletedKey, ...restKeys }) => ({ ...restKeys }))
}

const useTimeout = () => {
    const [timeouts, setTimeouts] = useState({})

    useEffect(() => {

mlshv

// Чуть-чуть поменял код отсюда: https://javascript.ru/forum/misc/27347-nadezhnyjj-dvukhstoronnijj-translit.html#post168115
var transliterate = (
	function() {
		var rus = "щ   ш  ч  ц  ю  я  ё  ж  з  ъ  ы  э  а б в г д е з и й к л м н о п р с т у ф х ь".split(/ +/g);
		var eng = "shh sh ch cz yu ya yo zh th `` y' e` a b v g d e z i j k l m n o p r s t u f h `".split(/ +/g);
 
		return function(text, engToRus) {
			for (var x = 0; x < rus.length; x++) {
				text = text.split(engToRus ? eng[x] : rus[x]).join(engToRus ? rus[x] : eng[x]);
				text = text.split(engToRus ? eng[x].toUpperCase() : rus[x].toUpperCase()).join(engToRus ? rus[x].toUpperCase() : eng[x].toUpperCase());	

mlshv

import React from 'react'
import styled from 'styled-components'
import Icon from 'components/Icon'

const ButtonWrap = styled.button`
  padding: 8px 12px;
  color: #fff;
  background: #333;
`

mlshv

import React, { Component } from "react";

class Article extends Component {
  constructor(props) {
    super(props)

    this.state = {
      isOpen: props.defaultOpen,
      idAd: props.idAd
    }

mlshv

// in some react class component
handleChangeInput = (e) => {
  this.setState({ [e.target.name]: e.target.value })
}

mlshv

for (const a of actions) {
    watchers.push(yield createWatcher(a))
}

mlshv

try {
  return someUnsafeAction();
} catch (e) {
  console.error(e);

  return `Error: ${e.message}`;
}

mlshv

const currentUser = users.find(u => u.id === currentUserId);

mlshv

import styled from 'styled-components';

const Button = styled.button`
    padding: 12px 32px;
    line-height: 1;
    border: none;
    border-radius: 34.5px;
    opacity: .9;
    color: #fff;
    background-color: #a3d200;

mlshv

import React from 'react';
import styled from 'styled-components';

const Link = styled.a`
  display: block;
  margin-bottom: 48px;
  text-decoration: inherit;
  color: inherit;
`;