Pinia scoped store

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

https://habr.com/ru/articles/726452/

#js #vue #ru

💬 Чат фронтендеров

Dynamic layout in Vue 3 with Vite

https://stackoverflow.com/questions/69048657/dynamic-layout-in-vue-3-with-vite

#coding
#vue
#vite

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type

https://bobbyhadz.com/blog/typescript-element-implicitly-has-any-type-expression#element-implicitly-has-an-any-type-because-expression-of-type-string-cant-be-used-to-index-type

#coding
#typescript

Что такое source maps?

Как минифицировать и разбираться в коде с помощью source maps? Плюс несколько примеров по работе с расширениями для source maps.

https://web.dev/source-maps/

🛤Актуальные дорожные карты по фронтенду, JavaScript, TypeScript, Angular, React, Vue и Node.js вы наверняка видели, но тут общая коллекция пополнилась разделом «Лучшие практики», который включает среди прочих Frontend Performance (прикрепленный PDF-файл).

#css #tip by Shripal Soni

Декомпозиция и интерфейс vue-компонентов

В большом vue-приложении всегда есть необходимость в декомпозиции компонентов и их логики. В статье приводятся размышления и некоторые выводы относительно подходов к декомпозиции vue-компонентов и их интерфейсу.

👉 @sWebDev

Как занять первое место в поисковой выдаче: добавляем SSR в Vue 3 + Vite приложение

https://proglib.io/p/kak-zanyat-pervoe-mesto-v-poiskovoy-vydache-dobavlyaem-ssr-v-vue-3-vite-prilozhenie-2022-11-24

#coding
#vue
#vite
#ssr

JavaScript Algorithms: Valid Parentheses (LeetCode)

https://javascript.plainenglish.io/javascript-algorithms-valid-parentheses-leetcode-71c5b2f61077

#coding
#javascript
#algorithms

Two Ways to Rotate an Array in JavaScript

https://dev.to/seanwelshbrown/two-ways-to-rotate-an-array-in-javascript-1bi3

#coding
#javascript
#algorithms

#javascript #tip by Shripal Soni

Automatically Format your code on Git Commit using Husky, ESLint, Prettier in 9 minutes

https://dev.to/ruppysuppy/automatically-format-your-code-on-git-commit-using-husky-eslint-prettier-in-9-minutes-45eg

#coding
#eslint
#prettier
#git

Replacing Strapi's Default WYSIWYG Editor with TinyMCE Editor

https://dev.to/strapi/replacing-strapis-default-wysiwyg-editor-with-tinymce-editor-168n

#coding
#strapi

Infinite scroll images with Intersection Observer

https://mediajams.dev/post/infinite-scroll-images-in-nuxt.js-using-intersection-observer

#coding
#vue
#nuxt

PostgreSQL Dump Import: How to Restore PostgreSQL Databases? | 3 Easy Methods

https://hevodata.com/learn/postgresql-dump-import/

#coding
#postgresql

Как использовать трэйты для создания модульности и эффективности

На примерах рассмотрим, как использовать трейты в Laravel для повторного использования кода и создания модульных приложений. Автор демонстрируют, как создать трейт и использовать его для вынесения общих методов из классов, а также как использовать трейты для расширения функциональности моделей в Laravel.

👉 @web_craft | #laravel

Кратко о том, что нового в ECMAScript 2023

Если подобные документы о развитии спецификации ECMAScript 2023 вам даются тяжело и хочется быстро узнать основные аспекты, на помощь приходят подобные обзорные статьи. Вы узнаете о некоторых из новых дополнений, включая Array#findLast, hashbangs и Array#toSorted.

Читать

Хорошие способы организации большого проекта Vue.js

Рассмотрим руководство по организации крупных проектов на Vue.js. В статье несколько методов для организации проекта, включая использование архитектурных шаблонов, настройку сборки и общие советы по организации файлов и структуре проекта.

👉 @sWebDev

​​🖥Использование адаптивных изображений в веб-разработке

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

Читать...