Пишу код на Vue.js | Spot

2022-08-17 12:06:45 Всем фронта!
На днях залетел на митап
Я Фронтенд от Яндекса. Послушали доклады, пообщались с ребятами и зарядились вдохновением к работе и новыми идеями, как в первый раз. Концентрация светлых голов фронтенда зашкаливала.

Так что на сегодня совет простой: «Сомнения? Выезжай на митап».

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

Stay tuned! Открыть/Комментировать

2022-08-09 15:41:26 Никто:
Абсолютно никто:
TypeScript в 2017:

Такой рост впечатляет, особенно если учесть, что он начался в 2017 году. Но мы сейчас в 2022 и по-честному… как думаете, насколько актуальным будет TypeScript в будущем? Сможет ли он заменить JS в браузере?

Здесь можно сравнить TS с другими фреймворками: https://octoverse.github.com/#top-languages-over-the-years Открыть/Комментировать

2022-08-04 13:20:18 Lazy load ускоряет загрузку

Привет, пока идет борьба за баллы в pageSpeed – счет на миллисекунды! – можно сделать сайт быстрее с помощью ленивой подгрузки. Lazy Load подгружает изображения по мере необходимости или же после завершения загрузки и рендеринга основного контента, и, благодаря этому, создает эффект бесконечной ленты.

Но не все так радужно – поскольку содержимое загружается по мере прокрутки страницы, мы рискуем никогда не увидеть футер

UPD. Правильно подмечаете в комментариях, не будем мешать котлеты с мухами.

- Lazy load по сути – подстановка url картинки в аттрибут src. В таком случае картинка не загружается при открытии страницы, а подставляется, когда картинка в области видимости или рядом на опреленном оффсете.

- Бесконечный скролл подгружает товары, карточки, изображения. Когда юзер долистывает до определенного блока, вызывается асинхронная функция с запросом на сервер, и, после ответа через append, в конце страницы добавляются новые блоки.
__

Юзаете или вы ленивы? Открыть/Комментировать

2022-08-02 11:40:19 Pinia vs. Vuex

Хоть Pinia ещё в 2021 стал считаться основным стейт менеджером в экосистеме Vue, все же между ним и Vuex 5 есть несколько важных различий, о которых следует помнить:

- В Pinia больше нет мутаций. Они удалены из-за их крайней многословности, теперь можно мутировать стейт пользуясь actions.
- Pinia имеет надежную поддержку TypeScript и имеет автодополнение JavaScript.
- Pinia не нуждается во вложенных модулях, но если один стор использует другой, это будет неявным вложением.
- В Pinia нет необходимости явно указывать название модулей, как для Vuex.
- Pinia использует Composition API, но можно по прежнему оставаться на Options API.
- Pinia поддерживает рендеринг на стороне сервера (SSR).
- Vue 2 или Vue 3 могут использовать Pinia (с поддержкой devtools).

Уже перешли на Pinia? Какие преимущества над Vuex для себя выделяете? Открыть/Комментировать

2022-07-27 10:07:02 Проанализировал 182 сайта на стек Vue, React и Angular. ⅓ вышли на любимой вьюшечке. Про то, как это сделал и ссылку на саму табличку с результатами залил на habr.

https://habr.com/ru/post/679150/ Открыть/Комментировать

2022-07-26 13:57:32 Это я в отпуске пытался не дать упасть процессам во фронтенд-юните.

Фронтенд-юнит сейчас – это 4 человека. 2 фронта, фуллстек и менеджер.
Не большая, но классная команда!

Конечно, все пошло не так, как планировалось.
Главное – вовремя поймал Открыть/Комментировать

2022-07-25 16:00:19 Кто должен проектировать данные приложения?

На днях общался с ведущим разработчиком большой IT-компании на эту тему.

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

В ответ услышал обкатанную схему. Системный аналитик описывает документацию api в swagger, и после два процесса (фронт и бэк) запускаются параллельно, следуют одной документации и стыкуются почти бесшовно.

Я часто работал по схеме фронт-> бэк и фактически не имел дело с таким подходом. Личное открытие, обязательно проведу разбор swagger и поделюсь результатами.

А по какой схеме вы работаете с бэком? Открыть/Комментировать

2022-07-21 11:12:56 Народ, моя первая статья на Habr! В шуточной манере рассказал, почему выбрал вью. Хейтеры уже заценили

https://habr.com/ru/post/677896/

UPD. В первые сутки 3,7к просмотров. Приятно! Открыть/Комментировать

2022-07-19 13:21:23 Как строятся фреймворки типа Vue

Когда-нибудь задумывались, какую первую строчку кода Эван Ю написал для сборки Vue?

Что ж, благодаря контролю версий Git мы можем увидеть первый коммит отправленный на GitHub. Я словно вернулся на девять лет назад в 2013 год и «наблюдал», как Эван пишет свой код.

Взгляните, что он написал, чтобы сделать первую реализацию приложения Vue, и как он написал логику на простом JavaScript, чтобы заставить работать синтаксис Mustache: https://github.com/vuejs/vue/commits/343ea29

Провели код-ревью? Давайте обсудим в комментариях Открыть/Комментировать