Frozen Coder

Во-первых, не надо ныть. Даётся с трудом? Мне тоже давалось с трудом. Причем тогда, когда об интернете слышали понаслышке, что означает, что не было тогда ни статей, ни форумов, ни нормальной документации.

Во-вторых, в вашем возрасте надо чётко уяснить одну вещь: само по себе ничего не приходит. Я за все годы видел таких, кто ждал манны небесной. Ждут и поныне. А те, кто своим упорством старался брать быка за рога – у всех без исключения получилось.

В-третьих, удалите с компьютера все игры: ваш быт определяет сознание. Принудите себя не отвлекаться и сконцентрироваться на обучении – это даст реальный результат уже через год.

В-четвертых, экспериментируйте. Есть такие, кто боится ставить даже Virtual Box – систему не хотят загрязнять. Чистят реестры двумя-тремя утилитами – гонятся за вымышленной скоростью и девственностью операционной системы. А вы ставьте. И виртуально, и параллельно. Сломалось? Отлично – будете понимать, как не надо делать. В следующий раз получится правильно. И опыт получите.

И, наконец, в-пятых: не бывает наполовину сделанных дел: начнете учить и забросите – потеряете безвозвратно то время, что потратили.

Это аксиомы. Иначе не бывает. Удачи.

не знаю насколько усложнит задачу делать его кроссплатформенным. Если не сильно, то тогда можно и напрячься.

Java кроссплатформенная по своей сути, напрячься придётся, чтобы сделать на ней непереносимое приложение.

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

Кто-то за день управится, кто-то за год не осилит. Вы к каким относитесь?

Возьмите этот туториал и пройдите его. Там по ходу пьесы есть ссылки на MDN / Learn.javascript.ru

В процессе обучения, задавайте себе вопросы: понимаю ли я что написал? Если не понимаю - что именно?
С вопросами можно заходить в телеграм каналы по js/react (по реакту, там найдете в описании и по js). Каналы реально работают, несмотря на "токсичность". На хороший вопрос, часто находится кто-то, кто готов ответить буквально "сейчас".

Как сказал Владимир Проскурин - если есть коллега опытный и который готов делиться знаниями - то еще быстрее будете "вкатываться".

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

class ArrowUp extends Component {
  state = {
    isVisible: false,
  };

  componentDidMount() {
    window.addEventListener('scroll', this.handleScroll);
  }

  componentWillUnmount() {
    window.removeEventListener('scroll', this.handleScroll);
  }

  handleScroll = () => {
    if (window.scrollY >= SOME_VALUE  && !this.state.isVisible) {
      this.setState({ isVisible: true });
    } else if (window.scrollY < SOME_VALUE && this.state.isVisible) {
      this.setState({ isVisible: false });
    }
  };

  render() { /* ... */ }
}

componentDidUpdate -> prevProps vs props

немного подумав решил заменить конструкцию

Не надо так делать. Никогда не используйте для функций свойства класса, если можно обойтись методом.
Пример:
Array(1000)].map(_ => <SomeComponent />);
Если в компоненте SomeComponent render прописан методом, то для каждого экземпляра он будет вызываться из прототипа. Если же свойством, то вы вместе с экземплярами создадите 1000 копий одной и той же функции.

Хороший кандидат на должность Junior React Developer, по моему мнению, должен соответствовать следующему перечню требований:
1. Хорошее знание JavaScript. В React разработке используется ES6 и большинство экспериментальных фич еще не вошедших в стандарт.
2. Хорошее знание HTML и CSS. Кроссбраузерная верстка. Так же, хорошо иметь представление о том, что такое css-in-js.
3. Web APIs. Умение работать с объектной моделью документа(DOM) и все эти XMLHttpRequest, localstorage, cookie, history и прочее.
4. Хорошее знание API React. Вы должны хорошо знать React, знать его возможности, понимать основные концепции и уметь ответить на большинство типовых вопросов. Для этого достаточно хорошо изучить документацию, разобрать пару типовых проектов на github и попрактиковаться. Много полезной информации, приёмов и идей можно подчерпнуть из тематических статей и докладов. Так же, на просторах интернета можно найти подборки типовых вопросов, часто задаваемых на собеседованиях. В англоязычном сегменте их больше.
5. Redux. Уверенное знание API. API библиотеки до боли пост. Знать, что такое промежуточное ПО и зачем оно. Понимать базовые концепции архитектуры Flux. Все это есть в документации и многочисленных курсах.
6. Умение работать с менеджером пакетов npm на базовом уровне.
7. Node.js. Хотя бы уметь написать простейший express/koa сервер, который будет отдавать ваше приложение и статику.
8. Webpack. Базовые знания.
9. Умение работать с git. Хотя бы знать и уметь примерять команды: init, clone, add, commit, push, pull, merge, checkout.
10. Иммутабельность. Четкое понимание зачем это надо. Знание приемов иммутабельного изменения структур данных. Это есть в официальном туториале React.
11. Статическая типизация TypeScrpt/Flow. Для начала хватит самых основ и способности понимать чужой код.
12. Функциональное программирование. Хватит знаний полученных в процессе изучения JavaScript, а так же не помешает знать, что такое каррирование, чистые функции и рекурсия.
13. Базовые концепции ООП. Хватит знаний полученных в рамках изучения JavaScript.
14. Асинхронный код. Понимать как его правильно организовывать. Promise, async/await.
15. Сетевые протоколы передачи данных. Вполне хватит базовых знаний о http/https, о том, что такое заголовки и какие они бывают. Хорошо знать о том, что такое websocket.
16. За плечами должен быть хотя бы один учебный проект на React. Хватит типового тестового задания.
Примеры таких заданий: 1, 2, 3(сайт может быть не доступен на территории РФ, советую отрыть через VPN и посмотреть), 4, 5. Если подобного проекта у вас нет, то будьте готовы, что потенциальный работодатель предложит вам выполнить тестовое задание и только по его результату вас, может быть, пригласят на техническое интервью. Если напишите хорошо, вас скорей всего пригласят.
17. Желателен опыт создания типовых UI элементов. Например, чтобы не вызывало трудностей написать простой кастомный чекбокс. Куча примеров реализаций типовых элементов есть на codepen.

Это не красный минимум знаний и во многих компаниях требования могут быть значительно ниже. Но соответствие вышеперечисленым пунктам будет хорошим аргументом для работодателя остановить свой выбор именно на вашей кандидатуре.

Похожий вопрос.

плохо ищете )

Поиски литературы почему-то не увенчались успехом, пара унылых статей на хабре, море старой литературы старше 15 лет и курсы для новичков на udemy где описывается разница между insert и select.

все есть:

SQL Queries for Mere Mortals, 4th Edition
Год издания: 2018
Автор: Viescas J.
Жанр или тематика: Базы данных
Издательство: Addison-Wesley Professional
ISBN: 978-0134858333
Язык: Английский

Effective SQL: 61 Specific Ways to Write Better SQL
Год издания: 2017
Автор: Clothier B., Steele D., Viescas J.
Издательство: Addison-Wesley
ISBN: 978-0-13-457889-7
Язык: Английский

PostgreSQL Up and Running, 3rd Edition
Год издания: 2018
Автор: Obe R., Hsu L.
Издательство: O'Reilly Media
ISBN: 978-1-491-96341-8
Язык: Английский

PostgreSQL 9.6 High Performance
Год издания: 2017
Автор: Ahmed I., Smith G.
Издательство: Packt Publishing
ISBN: 9781784392970
Язык: Английский

PostgreSQL High Availability Cookbook
Год издания: 2017
Автор: Thomas S.M.
Издательство: Packt
ISBN: 978-1-78712-553-7
Язык: Английский

PostgreSQL 10 High Performance
Год издания: 2018
Автор: Ibrar Ahmed, Gregory Smith, Enrico Pirozzi
Издательство: Packt Publishing Ltd.
ISBN: 9781788474481
Язык: Английский

Database Systems: Design, Implementation and Management
Год издания: 2017
Автор: Coronel С., Morris S.
Издательство: Cengage Learning
ISBN: 978-1-305-62748-2
Язык: Английский

Designing Data-Intensive Applications / Высоконагруженные приложения. Программирование, масштабирование, поддержка.
Год издания: 2018
Автор: Martin Kleppmann / Клеппман Мартин
Издательство: Питер
ISBN: 978-5-4461-0512-0
Язык: Русский

Refactoring SQL Applications / Рефакторинг SQL-приложений
Год: 2009
Автор: Stephane Faroult / Стефан Фаро, Pascal L'Hermite / Паскаль Лерми
Издательство: Символ
ISBN: 978-5-93286-145-5, 978-0-596-51497-6
Язык: Русский

и даже ISO/IEC 9075:2011 буржуйский можно найти в pdf