Ignatiy2

JS прожорлив сам по себе, так что не использовать jQuery это как не брать колу, заказав 15 гамбургеров, пушо в ней сахару много.

Стоит учесть тот факт, что метод хеширования при проверке пароля на входе, должен соответствовать методу хеширования при регистрации. Соответственно те функции, которые используются на стороне php, их может не быть на стороне базы данных.
Самый простой способ, это создать консольный скрипт, который будет принимать пароль в открытом виде, и отдавать вам уже hash, а в базу записывать уже полученный от скрипта hash.

Для этого служит метод PDOStatement::fetchColumn

$name = $pdo->query("SELECT name FROM user WHERE id = 2")->fetchColumn();

PDOStatement::fetch - получить следующую строку
PDOStatement::fetchAll - получить все строки

Вам нужно навести порядок в терминологии. Что такое "составить структуру данных из таблицы"? Что такое "отдельный элемент"? Есть три сущности: таблицы, строки и колонки, ими и оперируйте.

Я знаю лишь метод для того чтобы составить структуру данных (массив или объект) из таблицы:

$results = $pdo->query("SELECT * FROM user");
$rows = $results->fetch(PDO::FETCH_ASSOC);

Вы ошибаетесь, в $rows будет только одна строка, а не все.

Вы установили кодировку при соединении с базой?

Не всё в порядке. Он освещает работу с Django версии 1.10.10, вышедшей первого августа 2016-го года. На сегодняшний день актуальная версия - 2.2.3. Без знания английского вам всегда придётся или отставать от прогресса или учиться по спешно сделанным материалам низкого качества.

Style Guide for Python Code
https://www.python.org/dev/peps/pep-0008/


Из линтеров могу порекомендовать flake8 и pylint

вот здесь есть ответ.

Одним из способов получения ссылки на элемент является использование коллбэка - внутри которого можете заполнять интересующий вас массив:

function App() {
  const [ count, setCount ] = useState(3);
  const updateCount = ({ target: { dataset: { change } } }) =>
    setCount(Math.max(0, count + +change));

  const refs = useRef([]);
  const logRefs = () => console.log(refs.current);

  useEffect(() => {
    refs.current.length = count;
  }, [ count ]);

  return (
    <div>
      <button onClick={updateCount} data-change={-1}>-</button>
      {count}
      <button onClick={updateCount} data-change={+1}>+</button>
      <button onClick={logRefs}>log refs</button>
      {Array.from({ length: count }, (n, i) => (
        <div ref={el => refs.current[i] = el}>
          {Math.random() * 1000 | 0}
        </div>
      ))}
    </div>
  );
}

connect(null, mapDispatchToProps)(MyComponent);

Изучение баз данных займет пару дней, иметь представление что это такое и знать основны sql более чем достаточно для начала. Поэтому ознакомьтесь с базами и спокойно погружаетесь в бэкенд.

У вас в файле index.js подключен React и ReactDOM, который в этом файле не используется, судя из лога.
Просто удалите пустой импорт и предупреждение пропадет.

Хороший курс от Максим
https://github.com/markerikson/react-redux-links

В Redux есть некий набор принципов. Некое поведение, которое могло слегка поменяться -- лишь локальное изменение фасада и глобально на корневые принципы не влияет... изучайте в любом виде, но в первую очередь поймите эти принципы и суть

Flux-архитектура
Redux в картинках

И отдельно изучите конечный автомат и паттерн State Machine, не знаю насколько они имплементированы в Flux/Redux (я не работал на самом деле с ними), но тема довольно пересекается

Требуется отследить изменение состояния столкновения в сравнении с предыдущим шагом.

Запоминайте где-то "текущее" состояние

var isCollided = false; // изначально нет столкновения

На каждой итерации – будь то по setInterval() или requestAnimationFrame() – проверяйте, есть ли столкновение сейчас. И сравнивайте с предыдущим.

const isNowCollided = checkIfCollided(); // как-то проверяем, есть ли сейчас наложение
if (isNowCollided && !isCollided) { // впервые столкнулись!
  // alert! alert!
} else if (!isNowCollided && isCollided) { // выехали из зоны
  // всем неинтересно
} else {
  // вообще без новостей
}

isCollided = isNowCollided;

Меньше слушайте всех, больше делайте руками. "Вам будет очень сложно" - это субъективная оценка. Подходите к новому языку как к новому (не смотрите на него как на свой старый с другим синтаксисом). Не пытайтесь притащить свои старые привычки на новый язык. Есть некоторые аналогии, но всегда интересуйтесь, а как тут принято делать "это".

Далее, вам какую задачу решать? Язык выбирают под проект, под задачу, под требования, а не проще. Если говорить о коне в вакууме, то попробуйте Python