Что здесь изменить чтобы работало закрытие окна при клике на любое пустое место на странице?

yuriytkachenko, Чтобы не срабатывало

document.addEventListener('click', () => box.style.display ='none')

когда мы не хотим

Где двусторонний дата-биндинг?

class Simple extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      firstName: 'John',
      lastName: 'Rembo'
    }
  }

  render () {
    return (<div>
      <input {...bindField(this, 'firstName')} />
      <input {...bindField(this, 'lastName')} />
    </div>)
  }
}

const bindField = (context, fieldName) => {
  return {
    value: context.state[fieldName],
    onChange: event => {
      const value = event.target.value
      context.setState(state => ({ ...state, [fieldName]: value }))
    }
  }
}

Где двусторонний дата-биндинг?

Пример рабочего кода
https://codepen.io/dimoff66/pen/JjPzPNM

Где двусторонний дата-биндинг?

Никита Кит, Ну а какая принципиальная разница? Значит так

const updateField = (context, fieldName) => value => {
  context.setState(state => ({ ...state, [fieldName]: value }))
}

Где двусторонний дата-биндинг?

Я может чего не догоняю, но почему не например

const updateField = (context, fieldName) => value => {
  context.setState({ [fieldName]: value })
}

а в JSX пишете

onChange={updateField(this, 'login')}

Где двусторонний дата-биндинг?

даже в хок повторение одного и того же колбэка, работающего с setState я вынести не могу.

Можно пояснение?

Правильно ли реализован перехват ошибок?

А где можно ознакомиться со списком правильных и неправильных методов? Бессмысленный вопрос, отсюда отсутствие ответов.

Как сделать автоматическую проверку input из базы данных?

AKR4log, Другой вариант - создать тему почему не работает ajax

Как сделать чтобы запускалась функция не сразу а через несколько секунд?

Да, вопрос отсутствует. Тезисно:
У вас есть состояние, изменяйте его функцией из таймеров а в рендере выводите или не выводите блоки в зависимости от текущего состояния

Какие требования к frontend-junior?

tutuborg, вся эта каша - ваши личные измышления. Можно подставить практически произвольные цифры и с тем же пафосом их утверждать. Во-первых четкой классификации джун-миддл-сеньор не существует в природе, это очень приблизительные понятия. Говорить что из джуна в миддлы человек переходит за 2-3 года работы тоже бессмысленно. Кто-то умнее, кто-то глупее, кто-то гораздо умнее или гораздо глупее. Работа так же бывает очень и очень разной - и по разному влияет на темп прокачки... Плюс одно дело когда человек вообще никогда не писал программный код, другое дело когда он переходит с десктопных приложений в мобильные, с одного языка на другой, естественно его продвижение пойдет значительно быстрей и года самостоятельных проектов вполне хватит, чтобы выйти на уровень, достаточный для получения зарплаты миддла(собственный опыт). Так что все ваши цифры абсолютно произвольны.

Какой у вас алгоритм решения задач?

кроме случаев, если задание тупое и налажать крайне сложно

Согласен. В таких случаях лучше дважды убедиться, что код работает

React + redux какую структуру стейта выбрать для формы и компонента?

Demian Smith, isLoading === false && errorMessage === ''

Как тестировать реакт-компонент с роутингом при использовании Enzyme?

Вторая ссылка не открывается. Есть рабочая ссылка?

Как в проекте React добавить plugin в babel?

Ostic, Что означает фраза "прописать в бабель"? Если в файл .babelrc то как следует из темы, прописано.

Как в проекте React добавить plugin в babel?

Антон Спирин, jest + enzyme, запускаю командой npm test,

package.json:

{
  "name": "bla_bla_bla",
  "version": "0.1.1",
  "private": true,
  "scripts": {
    "start": "webpack-dev-server --mode development",
    "build": "NODE_ENV='production' RELEASE='bla_bla_bla@0.1.1' webpack --mode production",
    "build:shell": "./build-for-shell.sh",
    "test": "react-scripts test --env=jsdom",
    "test-coverage": "yarn test --coverage --coverageDirectory=./coverage/",
    "ci-test": "CI=true react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "lint-staged": "lint-staged"
  },
  "precommit": "lint-staged",
  "lint-staged": {
    "src/**/*.js": [
      "eslint --fix",
      "git add"
    ],
    "src/**/*.scss": [
      "stylelint --fix --syntax=scss",
      "git add"
    ]
  },

Далее огромный список dependencies

Как в проекте React добавить plugin в babel?

Обходные пути я и без вас найду. Вопрос как подключить плагин.

Использование операторов rest/spread и деструктуризации при передачи параметров в функцию?

Роман, Тут вопрос из серии "давайте все вместе пообсуждаем и придем к очевидному". Очевидно что вам нужен глубокий мердж, очевидно, что в таком случае нужна либо готовая функция, которую легко найти поиском без всякого тостера, либо можно написать самому за время, что вы потратили на вопрос и беседу.

Использование операторов rest/spread и деструктуризации при передачи параметров в функцию?

Роман, Также можно подключить библиотеку lodash И использовать функцию merge
https://lodash.com/docs/4.17.11#merge

Basic auth in React?

Роман Александрович, Почему проблема? Может CORS сознательно оставлен?

Как сделать равномерное распределение во флекс контейнере с промежутками?

Сергей delphinpro, Да, я чего-то недопонимал. Wrap в моей задаче лишнее.