Как я создал клон Pinterest с использованием Vue 3 и FastAPI

GitHub : Ссылка на репозиторий Live Preview : Посмотреть проект Привет, друзья! В этой статье я расскажу, как создал клон Pinterest с использованием современных технологий — Vue 3 для фронтенда и FastAPI для бэкенда. Это многофункциональное полнофункциональное приложение, практически полностью повторяющее Pinterest. Особенностью проекта является кеширование вкладок с помощью Vue Router и KeepAlive , что значительно улучшает пользовательский опыт. Этот проект стал отличной возможностью прокачать навыки в разработке production-уровня fullstack-приложений с поддержкой функционала в реальном времени .

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

#Vue_3 #FastAPI #restapi #websockets #celery #redis #postgresql #JWT_authentication #nginx #docker

Vue 3 под капотом и тонкости Composition API: Reactivity, Provide/Inject, Suspense

Vue 3 уже давно в строю, но его "прокси-движок" и особенности Composition API по-прежнему раскрывают себя всё глубже. В статье мы разберём, как Track/Trigger помогают отслеживать изменения, зачем нужны customRef и как грамотно использовать <Suspense> для асинхронных компонентов. Всё это - на примерах и с советами по оптимизации в крупных проектах. Приступаем к деталям!

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

#vue #vue_3 #javascript #composition_api #реактивность #proxy #customRef #suspense #вебразработка #provideinject

Валидация кастомных компонентов в ElementPlus

你好! Меня зовут Дмитрий, я фронтенд-разработчик в компании fuse8. Сегодня мы рассмотрим, как можно проводить валидацию кастомных компонентов в формах из UI-библиотеки ElementPlus. Если вы работали с формами в ElementPlus, то наверняка знаете, что библиотека предоставляет простой интерфейс для валидации. Но что делать, если в форме используется кастомный компонент и необходимо применить правило валидации, которое передали в форму? С этим и разберёмся.

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

#vue_3 #ElementPlus #javascript

Глобальное использование axios в Vue 3 с помощью provide/inject (composition API)

В этой статье мы рассмотрим интересный и удобный способ глобального использования Axios в приложении Vue 3 и composition api. Реализуем прослойку для работы с api используя типизированные запросы и удобное глобальное использование благодаря provide/inject и composition api. Узнать скорее

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

#vue_3 #axios #api #архитектура #вебразработка

Реализация многооконного приложения на Vue 3

В наше время чуть ли не каждое приложение использует браузерный клиент. Это просто в написании, это кроссплатформенно, это легко в использовании. Браузерные решения уже активно используются и в промышленной сфере: аналитиками, операторами. WEB-приложения для управления промышленными платформами могут быть настолько функциональны, что вся их мощь не укладывается в один монитор, а ведь на рабочем месте может быть ни один, и ни два монитора, а даже больше пяти. Но что же делать, если окна приложений ещё и должны являться частью одной системы и предоставлять возможности удобного взаимодействия между друг другом? Эту проблему я бы и хотел осветить. Меня зовут Дмитрий Дербин – frontend-разработчик компании «Криптонит». В данном материале я поделюсь некоторой теоретической базой по теме и краткими наработками для реализации на Vue 3 на примере простого сайта с погодой.

https://habr.com/ru/companies/kryptonite/articles/810147/

#vue_3 #многооконность #shared_state #multiwindow #localstorage #broadcast_channel #spa #store

GridStack + Vue 3 composition api

Мир всем, на связи ShADAMoV ! Сегодня, я бы хотел поведать вам о своём опыте взаимодействия с библиотекой GridStack. Расскажу о странностях и сложностях, с которыми столкнулся в ходе её интеграции во Vue 3 проект. Прежде чем приступим, дисклеймер: автор данной статьи не претендует на истину в последней инстанции и так же не рассказывает про саму технологию, а лишь делится опытом взаимодействия с ней. Прежде чем читать дальше, настоятельно рекомендую прочесть документацию по данной библиотеке от автора (это займет не больше 10 минут). Итак, погнали!

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

#Gridstack #Composition_api #Vue_3