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

Но каким бы дурачком я ни был, рано или поздно в голову начинают лезть мысли, что пора завязывать с почесыванием пуза на диване. Конечно, приятно поныть, что не хватает свободного времени из-за работы, но ведь работы меньше от этого не станет, правильно? Приходится напрягать мозг и думать, что делать.

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

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

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

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

Сегодня речь пойдет о flux и vuex. Flux - это подход для работы с данными во фронтенде. Vuex - это реализация flux для vue.js, точно так же, как и redux для реакта. Я иногда читаю о том, что flux - это новая концепция, парадигма, сложная идея и так далее. Поразбиравшись с flux, я не проникся трепетным отношением к нему, но оценил простоту подхода.

Если вы хотите узнать о flux для того, чтобы умными словами беседовать с тимлидом на собеседовании, лучше почитайте в википедии. У меня другая цель - научиться работать с vue.js удобно и комфортно. Решать задачи с помощью технологии, а не искать себе новые проблемы. Vuex - это именно та штука, которая решает проблемы, а не создает их.

Перекресток, загорается зеленый. Из правого ряда можно прямо и направо. Первым на светофоре стоит джип, начинает трогаться. За ним вдоль обочины набирает скорость велосипедист. Он еще не подозревает, что джип повернет НАПРАВО. И что ему осталось жить всего несколько секунд.

— Скажи, Добрый Железный Дровосек, почему когда я засовываю руку в чайник, на ней появляются красные волдыри? Мне нужен новый чайник?
— Нет, Мудрый Страшила, тебе нужны новые мозги.

Любой эксперт с ответов мэйл.ру знает, что javascript-программисты каждый день пишут зло. Они складывают массивы со строками, сравнивают эти строки с нулями, а переменные объявляют только в объекте window. Делать говно - это их судьба. Но не они такие, жизнь такая. То есть инструмент. Именно javascript заставляет делать то, за что приходится краснеть перед правильными сишниками.

Время крутых проектов прошло. Не ждите историй взлетов, как у фейсбука или контакта.

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

Через 4 месяца после запуска фейсбука Марку предложили 35 млн долларов. Этот парень отказался.

До этого урока мы писали код просто и сурово. Здоровенный index.html, внешние библиотеки с CDN-a, javascript-код в одном файле. Для учебного проекта сгодится, но мы же хотим быть серьезными ребятами.

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

Я выбираю второй вариант. Грамотные люди уже написали все сборщики и подготовили основу проектов vue, на которой мы и будем развивать наше приложение.

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

Слушать незайтейливую пропаганду тяжело. А еще больше скучно. Я слышал это уже тысячу раз и слышу подобное каждый день. Задаю себе вопрос: чем аджайл отличается от строительства коммунизма, свидетелей иеговых или киселевского патриотизма? "Прорывные идеи", которые вы пропагандируете, стары как мир, и это не метафора.

Вся история человечества - это поиск способов объединения и управления массами людей. Меняются только методы в зависимости от уровня развития общества и целевой группы, на которую нужно влиять.

Приложение vue строится на компонентах. Сейчас у нас только один компонент ProductItem, а вся логика содержится в корневом экземпляре vue. Это нехорошо, нам уже сейчас непросто в нем ориентироваться, а при наращивании функционала будет еще сложнее.

В этом уроке мы разобьем приложение на несколько компонентов поменьше. Также добавим две новые страницы и узнаем, как переключаться между ними.

Знаете фразу? Если у тебя сейчас есть феррари, но в детстве не было велосипеда, то все равно у тебя в детстве не было велосипеда.