Роман Дворянов, Если вы это мне, то ответ такой. По нескольким причинам.
ScrollMagic есть в npm-пакетах из чего следует — его можно добавить в зависимости package.json.
Во-вторых, в документации сказано про несколько с помощью использования, один из которых установка с помощью npm install scrollmagic.
В-третьих, ScrollMagic работает в качестве «зависимости». Однако подключить addIndicators() не является возможным, как бы путь не указывался (что собственно и побудило меня написать вопрос).
Vladimir Lewandowski, В песочнице CodesandBox всё отображается, включая и те ошибки, которые появляются при использовании редактора кода. Однако, если вам нужно картинка, то:
Дима Минчев, К сожалению, впервые вижу такую проблему (возможно что-то с зависимостями, как сказано в ошибке). Попытался найти в интернете ответ, не получилось.
Потому, дабы не засорять комментарии, напишите мне в телеграм.
Дима Минчев, Прошу прощения за то, что не ответил ранее.
Счётчик меняется потому как он глобальный, если можно так выразиться. А не локальный для каждого элемента. Таким образом, вам нужен локальный стейт.
Из этого следует: вас нужно создать несколько компонентов: первый — это лист, который будет получать массив элементов и рисовать их на странице через map, одновременно внутри вызывая другой компонент, занимающийся структурой одного счётчика. Благодаря данному подходу, счётчик в каждом элементе будет являться локальным.
Касательно первого вопроса, утром не смог добавить пример. Однако, исходя из вашего изначального вопроса о магазине, написал простенький пример.
Скажу сразу, повторение кода в примере сознательное. Если будете делать нечто такое самостоятельно, избегайте повторение кода, поскольку это может повлиять на поддержку приложения. Да и вообще, повторять код не есть хорошо, если тот конечно не сознательно повторённый.
Спасибо за ответ. В этом вся и проблема. Проверял в консоли, всё нормально обновляется. Однако, дабы при клике на категорию, новости менялись, информацию из state нужно переделать в другой компонент. А в него попадает тот предыдущий. То есть, нажал на «Спорт», будут «Общие». Затем нажал на «Развлечения», будет «Спорт», и так далее. Делал проверку, переписал компоненты, делал функциональный state. Ничего не помогает. Как было, так и остаётся.
Сергей Соколов, Благодарю за ответ. Касательно Firefox - это и правда работает в консоли (только что проверил). Причём он не только работает в нём при вставке напрямую. Если написать код в редакторе кода и вывести в консоль результат, то это точно также будет работать, в отличии от Opera и Chrome, где массив не меняется.
Алексей Аминодов-Борисов, Долгое время на рынке существовал Photoshop, который предоставлял хорошие возможности, которые иногда превосходили других конкурентов (о которых, я к сожалению, не слышал, но вероятно они были). Например, мне говорили, что некоторые использовали Photoshop не только из-за многих функций, одна из главных – это перегон векторной графики в растровую и наоборот, хотя и не знаю насколько легитимный это аргумент, поскольку в веб-дизайне не разбираюсь от слова совсем. Но также мне приходилось слышать и то, что Photoshop вовсе не подходит для Веб-дизайна, так как он подходит для обработки фотографий, но не для веб-дизайна. Когда появился Adobe XD некоторые перешли на него, но с такими я не общался, не было возможности, так что сказать что-то довольно сложно. В настоящее время, я всё чаще встречаю людей, которые работают в Figma. Мне и самому даже проще работать в ней (с макетами), нежели с файлами PSD. Наверное, один из аргументов, который могу использовать – возможность работать с дизайнером одновременно, сообщая о проблемах и тут же получая ответ или исправления, плюс на макете можно оставлять «комментарии» и таким образом общаться с дизайнером о разных тонкостях. Не стоит забывать и о облачном сохранении, но и здесь не всё так просто. Нельзя отрицать того, что может произойти что-то непредвиденное и информация слетит.
Владислав Лысков, Не вполне понял вопрос. Если Вы имеете в виду, зачем мне сайты с макетами, то ответ достаточно прост. Для того чтобы сверстать сложные/средние макеты для практики и повышения уровня вёрстки, если конечно можно так выразиться.
npm install scrollmagic.addIndicators()не является возможным, как бы путь не указывался (что собственно и побудило меня написать вопрос).