Recent searches
Search options
#Pinia
0 posts0 participants0 posts today
Обзор различных тактик работы с реактивным стейтом во Vue
В статье рассмотрены различные методы организации обмена данными и реактивным состоянием во Vue.js приложениях, как то: - Prop drilling - Provide/Inject - Composition API - Pinia - Event Bus
ХабрОбзор различных тактик работы с реактивным стейтом во VueОрганизовать обмен [реактивными] данными между компонентами и модулями во Vue 3 приложении можно несколькими способами. 1. Prop drilling Prop drilling - это ситуация, когда пропсы передаются через...
Vue 3 в деле: Как мы обновили большой внутренний сервис и что из этого вышло
Привет, Хабр! Меня зовут Егор Прокопьев, и я фронтенд-разработчик в Ozon. Третья версия полюбившегося многими фреймворка Vue вышла уже давно, и большинство использующих его произвели обновление до новой версии. Но всегда будут такие, как наша команда, кто откладывал этот переход в дальний ящик техдолга — ведь есть более приоритетные задачи! Однако рано или поздно этот день настаёт, и вот и для нас он пришёл. В этой статье я хочу рассказать, как мы переходили на новую версию при том, что сервис является достаточно большим и очень важным для пользователей. Но обо всём по порядку.
ХабрVue 3 в деле: Как мы обновили большой внутренний сервис и что из этого вышлоПривет, Хабр! Меня зовут Егор Прокопьев, и я фронтенд-разработчик в Ozon. Третья версия полюбившегося многими фреймворка Vue вышла уже давно, и большинство использующих его произвели обновление до...
https://vue-cheatsheet.themeselection.com/ - a sweet #Vue #CheatSheet site with lots of examples including #VueRouter and #Pinia. Source: https://github.com/themeselection/vue-cheatsheet
vue-cheatsheet.themeselection.comVue CheatsheetThe only VueJS cheatsheet you will ever need
State management in #Vue 3: Why you should try out #Pinia
https://tighten.com/insights/state-management-in-vue-3-why-you-should-try-out-pinia/
Авторизация и управление доступом на основе ролей для фронтенда
В этом модуле проекта мы погрузимся в волнующий мир авторизации и управления доступом во фронтенд-разработке. Сегодня я поделюсь с вами моим опытом работы с технологиями Vue 3, Pinia для глобального управления состоянием и TypeScript. Однако, стоит отметить, что основные принципы, которые мы рассмотрим здесь, применимы к любым современным технологиям фронтенда. Таким образом, даже если вы предпочитаете другой стек технологий, вы все равно найдете этот материал полезным. Мы сфокусируемся на разработке системы авторизации и управления доступом на основе ролей для фронтенда. Этот аспект веб-разработки играет ключевую роль в обеспечении безопасности приложения и определении функциональных возможностей, доступных разным пользователям. Давайте начнем наше путешествие в мире фронтенд-разработки, изучая, как эффективно реализовывать авторизацию и управление доступом с использованием современных инструментов и лучших практик. Приготовьтесь к увлекательному погружению в мир безопасности фронтенда!
ХабрАвторизация и управление доступом на основе ролей для фронтендаВ этом модуле проекта мы погрузимся в волнующий мир авторизации и управления доступом во фронтенд-разработке. Сегодня я поделюсь с вами моим опытом работы с технологиями Vue 3, Pinia для глобального...
is sitting at an Irish bar, listening to music from last year's Eurovision, and trying to figure out #Pinia.
Continued thread
Updates on PKP Admin UI Technical Roadmap
* doubling down on #Vue.js, reducing use of Smarty templates
* catching up with Vue.js ecosystem - Composition #API & #Pinia Store
* updated Page Architecture
* new Composables as replacements of mixins
* styling with #TailwindCSS
Vue state management: Pania stores или composables с глобальные рефами?
На Reddit прошла интересная дискуссия с 25К+ просмотрами по вопросу предпочтений разработчиков при необходимости управлять глобальным состоянием во Vue 3. Ниже её итоги.
ХабрVue state management: Pinia stores или composables с глобальные рефами?На Reddit прошла интересная дискуссия с 25К+ просмотрами по вопросу предпочтений разработчиков при необходимости управлять глобальным состоянием во Vue 3. Ниже её итоги. Reddit подводит итоги года по...
Как мы делаем проекты
Все мы знаем что такое клиент-серверное приложение, на тему их создания написано не мало статей. В этой статье хотелось бы поделиться с вами наработками нашей компании, которыми мы пользуемся в своих Django проектах.
ХабрКак мы делаем проектыВсем привет! Это первая статья из цикла про разработку приложений в «ПМ». Мы занимаемся не только информационной безопасностью в классическом представлении (мониторинг узлов, поиск уязвимостей...
Continued thread
After solving the problem, my motivation is back. I am starting to get really excited about #vue because I realised that not only #pinia states react to changes... also getters and actions. The more I know about vue and pinia, the more structured the code becomes. I am getting closer to having all the features I need for a basic Mastodon list manager. The UI is still a mess.
Oh no... I lost reactivity for an object in a pinia store. What to look out for? Any tips for handling more complex data structures without loosing reactivity? Where are the limits? What are common solutions? So many questions but not sure what to search for atm.. fml. Seems like I miss something obvious... #vue #pinia
https://dev.to/deepgram/build-a-to-do-list-app-with-pinia-and-vue-3-2a4n - familiar with #Vue's #VueX? Here's an intro to #Pinia. Great tutorial https://github.com/SandraRodgers.
DEV CommunityBuild a To-do List App with Pinia and Vue 3Learn about Vue 3's new official state management system Pinia while building a to-do list app. Bonus - add typescript!
#nuxt with #pinia #tailwindcss and #supabase makes creating websites so easy these days. It’s crazy.
Learned about the #Vue store #pinia and now I am exploring some connections with #OpenLayers
to make layers and map events dynamically available in the whole web app
pinia.vuejs.orgNuxt.js | PiniaIntuitive, type safe, light and flexible Store for Vue
Continued thread
I quite like using #Vue 3's script setup style. Very little boilerplate and defining props as TS types is great.
https://vuejs.org/api/sfc-script-setup.html
https://pinia.vuejs.org/ is also 
I couldn't stomach #Vuex with its string-based actions or whatever.
#Pinia just makes sense to me. It doesn't try to do very much at all. It just lets me define reactive models and import them into my components.
vuejs.org | Vue.js</title>
<meta name="description" content="Vue.js - The Progressive JavaScript Framework">
<link rel="preload stylesheet" href="/assets/style.6ee3da49.css" as="style">
<script type="module" src="/assets/app.b160b50c.js">
(()=>{const e=(s,t,c=!1)=>{const o=localStorage.getItem(s);(o?o!=="false":c)&&document.documentElement.classList.add(t)};e("vue-docs-prefer-composition","prefer-composition"),e("vue-docs-prefer-sfc","prefer-sfc",!0)})();
(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();