Даниил Маслов

Опа

Чего тут быстрого? Самая стандартная скорость загрузки. Только сделано аккуратно.
Сайт пользуется всем тем, чем принято пользоваться при оптимизации: отложенной загрузкой неважного контента, шрифтов, картинок, побочных блоков. Сжатие, кеширование. Ну и работа бекенда. Аккуратно использован WordPress, а не как принято - нафигачить плагинов и в путь.
Здесь ничего феноменального нет.

Почитайте банально в интернете о том, как это делается. Например: https://habr.com/ru/company/kingservers/blog/346956/

Вам нужно разделить development и production билды.
Сборка проекта со всеми минификациями, генерацией source-maps и прочими штуками - очень тяжелый процесс.

Для локальной разработки желательно этот процесс упростить. Убрать сжатие, минификацию, префиексеры и т.п.
Это резко ускорит разработку. Ну а перед деплоем на сервер - делайте полный билд.

По своему опыту могу сказать, что при переходе на удалённую работу(10 лет) из офиса(7 лет) мое развитие и производительность увеличились в разы.
1) В офисе ты можешь ничего не делать, а просто показывать лицо и с умным видом рассуждать о полиморфизме. На удалёнке тебя никто не видит, а видят только твои результаты- это обязывает шевелиться быстрее и только по делу.
2) В офисе ты слишком призязан к месту и организации, зачастую тебя берут на какой нибудь вырост, а в последствии могут дать поддерживать старую программку на фортране или на бейсике, или сунут печатать документы и рисовать рисунки и т.п. и ничего не скажешь. На удалёнке тебе легко поменять проект, если закончились твои задачи, ты смотришь на работу не как на что-то вечное и стабильное, а как на проект, на который тебя взяли из-за определенных скиллов, под конкретные задачи и от тебя ждут конкретные результаты.
3) В офисе тебя отвлекают разговорами, совещаниями, теннисом и т.п., купят тот стул и комп, который купят, а не который ты хочешь, на удаленке у тебя отдельная комната - как минимум, кресло и мощный игровой ноут (легко поднимающий виртуальные машины или докер-контейнеры), которые ты сам себе выбрал.
4) Да, экономия на времени, дороге, спорте, месте жительства само собой.
5) В офисе обучение предлагается/навязывается, но так как вроде положение там стабильное то и оно не так и хочется прям учится, на удалёнке ты понимаешь что это твое конкурентное преимущество и без обучения никак, ты ищешь, анализируешь, что в тренде и больше востребовано, и подгоняешь свои скилы под общие требования рынка, а не конкретной организации.
6) в офисе не особо поднимают тебе зарплаты типа никуда не денешься, а попросить неудобно, на удалёнке ты с каждым новым проектом пересматриваешь свою цену и приобретенный опыт. (ну хотя здесь немного вру, в офисе повышали нормально, после удачных релизов )

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

И да... в офисе, мне сказали сразу, что тебя наняли решать задачи, а не отвлекать коллег, так что на то, что там кто-то делиться опытом, мне наверно не повезло.

Если перевести "computer science" на русский язык, вся магия рассеивается. "Информатика" так красиво уже не звучит. Это расстраивает снобов, нагнетающих собственную важность, рассуждая про необходимость CS. А по факту бизнесу нужно быстро решать унылые задачи. Поэтому потратив время на получение "фундаментальных знаний" вы выйдете на рынок, где они нужны пяти компаниям в РФ и пятидесяти в мире (причём в куда более объёмном и качественном виде, чем вы могли получить самостоятельно), а вашими конкурентами будут люди, которые потратили своё время на умение программировать, востребованное вообще всеми. Ну, и наконец, дети сначала алфавит изучают, а уж сильно потом некоторые из них берутся за освоение принципов написания поэм высоким стилем. Надеюсь, понятна аналогия.

Проблема была решена.
1. Вместо передачи компоненту фильтров функции filterByColor() нужно было передать напрямую setColorFIlter с
useState.
2. Добавить новый эффект, реагирующий на изменение стейта и вызывающий функцию сортировки sortItems()

useEffect(() => {
        if (setColorFilter) {
            sortItems()
        }
    }, [colorFilter, sortItems])

3. Саму функцию sortItems() переписать с учетом хука useCallback:

const sortItems = useCallback(() => {
        let tempItems = [...items];
        // -----> Filter by colors
        if (colorFilter) {
            tempItems = tempItems.filter(item => item.color.includes(colorFilter));
        } 

        setFilteredItems(tempItems);
            console.log(`items are sorted. new array has ${tempItems.length} items`)
    }, [colorFilter, items])

И все работает