Насколько мой код плохой/хороший и в каких местах?

Robur, да, спасибо, я уже почитал на мозилле

Почему возникла ошибка GET net::ERR_ABORTED 404 (Not Found)?

kwecwcf, я сразу заметил что у вас файл который нужно запускать через node, на клиенте стоит ахахах, уберите подключение файла из html страницы и запустите в консоли NODE:

> node test.js

Насколько мой код плохой/хороший и в каких местах?

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

Насколько мой код плохой/хороший и в каких местах?

Robur, да вы правы по поводу функции, я ночь сидел, глаза в мыле, поправил, спасибо

Насколько мой код плохой/хороший и в каких местах?

Robur, я двигаюсь в сторону фулстэк js разработчика и предпочтительно было бы довести ооп до идеала

Как заменять компонент при изменении окна?

Макс, у меня всё обновляется, ответ я указал.

Как заменять компонент при изменении окна?

Зачем мне столько операций? Я планировал изначально так, но в итоге сделал компонент который в зависимости от размера возвращает нужное и добавить ресайз слушатель на документ. Спасибо.

Почему при построении компонентного дерева приложение зависает?

Klein Maximus, добрый день. я уже разобрался, у меня была логическая ошибка в коде,я пытался порезать, резаный массив, зависало поэтому. Спасибо.

Почему когда я хочу задать значение переменной ничего не работает?

Сергей Соколов, круто! Спасибо большое)

Почему когда я хочу задать значение переменной ничего не работает?

Скажите пожалуйста, зачем 3 точки, по логике это типа Array.from?

[ ...document.querySelector()]

Почему когда я хочу задать значение переменной ничего не работает?

Comsequent, сейчас бы фором перебирать массив)))

Можно ли что-то улучшить и/или сделать правильнее (Бот ВК)?

Стас Даниленко, это все похоже на один класс, но у вас это куча функций

Почему игнорируется строчка перезаписи поля объекта?

Aetae, да, согласен, решил сэкономить, а сделал проблему, сейчас попробую поправить, спасибо

Почему зависает приложение при использовании этого компонента?

Шохрух Шаймардонов, принял)

Почему игнорируется строчка перезаписи поля объекта?

Aetae, допустим пунктов 15, мне нужно вывести 4 пукта, 5-ым вывести "ещё", а в его последователей превратить урезанные пункты.

Как поправить ошибку в коде ESLint?

Александр Фелисон, это костыль, а не решение, у вас функция инициализирована внутри условия, вынесите её за условие и всё будет прекрасно работать.

Почему игнорируется строчка перезаписи поля объекта?

Ого, тут какой-то треш, он бесконечно создаёт новый объект с собой в children.

Тык

Почему игнорируется строчка перезаписи поля объекта?

Я там опечатку допустил в индексах, элементов 5, а счёт идёт с 0 по индексу, вот, а теперь приложение зависает, вот этот код ломает всё:

function getNavigationTablet(navItems) {

    navItems = navItems.slice(0, 4);

    navItems.push(
        {
            id: 5,
            title: 'ещё',
            children: []
        }
    );

    navItems.find(item => item.id === 5).children = navItems.slice(4, navItems.length);

    return navItems

}

Почему игнорируется строчка перезаписи поля объекта?

У меня пустой этот момент:

navItems.slice(5, navItems.length) = []

Массив в консоли:

(5) [{…}, {…}, {…}, {…}, {…}]
0: {id: 1, title: "Пункт 1", children: Array(1)}
1: {id: 2, title: "Пункт 2", children: Array(1)}
2: {id: 3, title: "Пункт 3", children: Array(1)}
3: {id: 4, title: "Пункт 1", children: Array(1)}
4:
id: 5
title: "ещё"
children: []

Почему игнорируется строчка перезаписи поля объекта?

Весь прикол в том, что даже такая запись выдаёт пустой объект :/

navItems = navItems.slice(0, 4);

    navItems.push(
        {
            id: 5,
            title: 'ещё',
            children: navItems.slice(5, navItems.length)
        }
    );