CodeRoll | Frontend
4.98K subscribers
1.6K photos
73 videos
1 file
912 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
May 27, 2021
June 6, 2021
June 14, 2021
June 30, 2021
July 6, 2021
July 22, 2021
September 11, 2021
October 16, 2021
Бесконечный скролл во Vue

Если вы пишите на Vue, берите на заметку!

В статье показана простая реализация бесконечного скролла для страницы с помощью npm пакета 'vue-observe-visibility'.

Читать статью

#vue
January 28, 2022
VeeValidate

Как легко и быстро создать валидацию для формы?
Воспользоваться готовым решением!

VeeValidate - фрэймворк для валидации форм в приложениях на Vue.

Хочется похвалить документацию! Все доступно и понятно. В документации версии v4.x для Vue3 есть обучающая статья по использованию данного фрэймворка.

Ссылка на официальный сайт

#vue
February 25, 2022
Эволюция Vue

Vue 3 - актуальная версия данного фрэймворка на текущий момент.
Более двух лет происходили изменения в экосистеме Vue и за это время многое изменилось.

Например, новый Composition API позволил создавать более компонуемый код, а также проложил путь для более легкого внедрения TypeScript.

Об этом обновлении и других читайте подробнее в статье.

Ссылка на статью

#vue
March 4, 2022
nextTick

nextTick - это утилита Vue, которая используется в случаях, когда нужно дождаться обновления DOM после его перерисовки. 

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

Но иногда, например, нужно сразу обновить отрендеренный DOM после того, как Vue отрисовал его. А сделать это в методе вы сразу не можете, потому что обновление еще не произошло. В таких случаях на помощь приходит nextTick.

Как и когда использовать nextTick читайте в статье!

Ссылка на статью

#vue
March 18, 2022
drag-and-drop

Vue 3 сейчас является актуальной версией данного фрэймворка. Пора начинать пользоваться новыми фичами, которые в ней появились.

По этому случаю делимся обучающей статьей по созданию drag-and-drop загрузчику файлов на Vue 3.

Ссылка на статью

#vue
March 25, 2022
Лайфхаки Vue 3

В статье представлены полезные советы и рекомендации для разработки на Vue 3.

Например, вот один из них. Если вы знакомы с Сomposition API, то знаете, для его работы нужно каждый раз в компоненте объявлять defineComponent и setup

<script lang="ts">
import {defineComponent} from 'vue';

export default defineComponent({
name: 'Test',
setup() {
// ...
}
})
</script>

А можно воспользоваться короткой записью:

<script lang="ts" setup>
//...
</script>

Об этом и других советах читайте в статье!

Ссылка на статью

#vue
April 8, 2022
April 15, 2022
Анимация во Vue

В статье рассматривается 5 лучших библиотек для создания анимаций во Vue:

- vue-kinesis
- vue-prix
- vue-fake3d-image
- v-wave
- vue-animate-onscroll

Читайте полный обзор с примерами использования в статье!

Ссылка на статью

#vue
June 3, 2022
June 17, 2022
NuxtJS Content

Модуль Content в NuxtJS это headless CMS, основанная на файловой системе. Она предоставляет мощные функции для создания блогов, документации или просто добавления контента на обычный сайт.

Контент хранится в директории content/ в вашем проекте в виде файлов .md, .yml, .csv и .json и извлекать его можно также с помощью API.

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

Ссылка на официальный сайт

#vue
July 15, 2022
👩‍💻Вышел Vue 3.5

Сегодня мы рады сообщить о выходе Vue 3.5 "Tengen Toppa Gurren Lagann"!

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

Ссылка

#vue
Please open Telegram to view this post
VIEW IN TELEGRAM
September 4, 2024