🤔 После выхода достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе.
💡Основное внимание переключилось на экосистему — Vite, Nuxt, VitePress, Pinia и другие. В то же время, отчетливо заметно масштабирование работы не вглубь, а вширь. Интересы команды уже давно явно выходят за пределы фреймворка.
📈 Об этом и идет речь в статье. Автор разбирается с трендами развития Vite, Anthony Fu и VitePress, анализирует тренды/рынок вакансий и рекомендует перевод книги «Vue.js 3 — Шаблоны проектирования и лучшие практики».
💡Основное внимание переключилось на экосистему — Vite, Nuxt, VitePress, Pinia и другие. В то же время, отчетливо заметно масштабирование работы не вглубь, а вширь. Интересы команды уже давно явно выходят за пределы фреймворка.
📈 Об этом и идет речь в статье. Автор разбирается с трендами развития Vite, Anthony Fu и VitePress, анализирует тренды/рынок вакансий и рекомендует перевод книги «Vue.js 3 — Шаблоны проектирования и лучшие практики».
Forwarded from Frontender's notes [ru]
🧐Cлоёная архитектура или ООП в современном React / Mobx приложении
В данной статье я расскажу о том, как сочетать декомпозицию состояние приложение в стиле ООП и современные практики построения представлений веб-приложений
Читать...
В данной статье я расскажу о том, как сочетать декомпозицию состояние приложение в стиле ООП и современные практики построения представлений веб-приложений
Читать...
Forwarded from Frontender's notes [ru]
🧑💻Многооконное веб приложение — решение для перегруженных интерфейсов
В данной статье будет рассмотрено возможное решение для разгрузки интерфейсов веб приложений – создание приложения с возможностью выноса части функционала в дополнительные окна, или же просто многооконное приложение.
Читать...
В данной статье будет рассмотрено возможное решение для разгрузки интерфейсов веб приложений – создание приложения с возможностью выноса части функционала в дополнительные окна, или же просто многооконное приложение.
Читать...
Forwarded from Node.JS [ru] | Серверный JavaScript
😍Анти-легаси архитектура для UI приложений
В этой статье мы рассмотрим практический пример того, как реализовать шаблон MVU, сделав UI интерактивным.
Читать...
В этой статье мы рассмотрим практический пример того, как реализовать шаблон MVU, сделав UI интерактивным.
Читать...
Forwarded from FrontEndDev
Линтер Oxlint
Простой линтер, не требующий конфигурации, основная цель которого поиск ошибочного или неиспользуемого кода.
https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
Простой линтер, не требующий конфигурации, основная цель которого поиск ошибочного или неиспользуемого кода.
https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
Forwarded from Frontender's notes [ru]
🫥Валидация формы с помощью AJV, Vue.js и TypeScript
В этой статье мы рассмотрим, как использовать библиотеку AJV совместно с Vue.js и TypeScript для создания мощной системы валидации формы.
Читать...
В этой статье мы рассмотрим, как использовать библиотеку AJV совместно с Vue.js и TypeScript для создания мощной системы валидации формы.
Читать...
Positronx.io
Positronx.io provides free coding solutions for various programming languages and frameworks such as HTML, CSS, JavaScript, PHP, React, Angular, Laravel, CodeIgniter, and more.
https://www.positronx.io/
#coding
Positronx.io provides free coding solutions for various programming languages and frameworks such as HTML, CSS, JavaScript, PHP, React, Angular, Laravel, CodeIgniter, and more.
https://www.positronx.io/
#coding
Forwarded from Веб-страница
Пишем игру на JS/TS и развиваем навык работы с кодом
В статье автор рассказывает, как создать игру, которая будет предлагать вам рандомный текст и засекать за сколько по времени вы сможете его напечатать.
Сохраните, чтобы не потерять: https://tproger.ru/articles/pet-proekt-pishem-igru-na-js-ts-i-razvivaem-navyk-raboty-s-kodom/
#typescript #javascript #петпроект
В статье автор рассказывает, как создать игру, которая будет предлагать вам рандомный текст и засекать за сколько по времени вы сможете его напечатать.
Сохраните, чтобы не потерять: https://tproger.ru/articles/pet-proekt-pishem-igru-na-js-ts-i-razvivaem-navyk-raboty-s-kodom/
#typescript #javascript #петпроект
🔥 Вышла третья часть перевода учебника Patterns.dev, в котором представлен современный взгляд на паттерны проектирования, рендеринга и производительности JavaScript.
🤩 Третья часть посвящена паттернам производительности. Вы узнаете, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения.
🤩 Третья часть посвящена паттернам производительности. Вы узнаете, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения.
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Поэтапный перевод учебника Patterns.dev, в котором представлен современный взгляд на паттерны проектирования, рендеринга и производительности JavaScript.
🗄 Часть 1
🗄 Часть 2
🗄 Часть 3
🗄 Часть 1
🗄 Часть 2
🗄 Часть 3
Forwarded from WebDEV
Самые частые ошибки в TypeScript
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
📺 YouTube
WebDEV #видео #TypeScript
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
📺 YouTube
WebDEV #видео #TypeScript
YouTube
Самые частые ошибки в TypeScript
Не надо так делать! Этих ошибок можно избегать при работе с TypeScript.
Не согласны? Пишите в комментариях свои версии 😎
⚡ Мои курсы
Курс по TypeScript: https://purpleschool.ru/course/typescript/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D…
Не согласны? Пишите в комментариях свои версии 😎
⚡ Мои курсы
Курс по TypeScript: https://purpleschool.ru/course/typescript/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D…
Forwarded from Frontender's notes [ru]
🚀Oxlint — более быстрая альтернатива ESLint
В этой статье автор расскажет, какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint.
Читать...
В этой статье автор расскажет, какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint.
Читать...
Forwarded from CodeRoll | Frontend
Шаблоны проектирования JS полный гайд
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
🤔 Вам могут быть не нужны Lodash/Underscore
Обширная коллекция, вдохновленная популярной книгой You Might Not Need jQuery, предоставляет чистые JS-альтернативы почти 100 различным функциям, которые вы найдете в популярных библиотеках, таких как Lodash.
👉 GitHub
Обширная коллекция, вдохновленная популярной книгой You Might Not Need jQuery, предоставляет чистые JS-альтернативы почти 100 различным функциям, которые вы найдете в популярных библиотеках, таких как Lodash.
👉 GitHub
Youmightnotneedjquery
You Might Not Need jQuery
Examples of how to do common event, element, ajax and utility operations with plain javascript.
This media is not supported in your browser
VIEW IN TELEGRAM
1. Отладка: DeviceScript поддерживает отладку в Visual Studio Code как для встроенного оборудования, так и для симулированных устройств.
2. Локальная и удаленная рабочая среда: вы можете работать над своими проектами как локально, так и в удаленном контейнере. Эта гибкость может быть полезна для совместной работы и доступа к ресурсам, которые недоступны локально.
3. Драйверы на TypeScript: с помощью DeviceScript вы можете писать драйверы на TypeScript для интерфейсов, таких как
I2C и SPI. 4. Экосистема пакетов: DeviceScript интегрируется с менеджерами пакетов, включая
npm, yarn или pnpm.Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека пхпшника | PHP, Laravel, Symfony, CodeIgniter
Laravel Octane и FrankenPHP
🌐Laravel Octane использует подход жизненного цикла приложения, запуская его один раз и храня его в памяти для быстрого ответа на запросы. Основной мощью Octane является использование серверов приложений, таких как Swoole, OpenSwoole, Roadrunner и FrankenPHP.🚀
🤖FrankenPHP — это сервер приложений, созданный специально для PHP, предлагающий продвинутые функции, такие как поддержка PHP 8.3, режим работников, поддержка современных форматов сжатия, поддержка HTTPS, HTTP/2 и HTTP/3, автоматическая генерация, обновление и отзыв сертификатов HTTPS, а также плавная перезагрузка.
⚙️Процесс установки Laravel Octane с FrankenPHP включает создание нового приложения Laravel, установку Octane и выбор FrankenPHP в качестве сервера. После установки можно запустить сервер с указанием числа работников для эффективной обработки конкурентных запросов.
Это поможет значительно улучшить время ответа благодаря запуску приложения один раз и его хранению в памяти для последующих запросов. Это обеспечивает эффективную обработку входящих запросов и значительное сокращение времени ответа, особенно после того, как все работники ответили на первоначальные запросы.
🌐Laravel Octane использует подход жизненного цикла приложения, запуская его один раз и храня его в памяти для быстрого ответа на запросы. Основной мощью Octane является использование серверов приложений, таких как Swoole, OpenSwoole, Roadrunner и FrankenPHP.🚀
🤖FrankenPHP — это сервер приложений, созданный специально для PHP, предлагающий продвинутые функции, такие как поддержка PHP 8.3, режим работников, поддержка современных форматов сжатия, поддержка HTTPS, HTTP/2 и HTTP/3, автоматическая генерация, обновление и отзыв сертификатов HTTPS, а также плавная перезагрузка.
⚙️Процесс установки Laravel Octane с FrankenPHP включает создание нового приложения Laravel, установку Octane и выбор FrankenPHP в качестве сервера. После установки можно запустить сервер с указанием числа работников для эффективной обработки конкурентных запросов.
Это поможет значительно улучшить время ответа благодаря запуску приложения один раз и его хранению в памяти для последующих запросов. Это обеспечивает эффективную обработку входящих запросов и значительное сокращение времени ответа, особенно после того, как все работники ответили на первоначальные запросы.
DEV Community
Laravel Octane and FrankenPHP
In the world of web development, speed of execution and optimal performance are essential. Laravel...
🔘Вёрстка классических радио-кнопок с плавными переходами между состояниями с помощью градиентов: мини-гайд от Софии Валитовой.
👉 Читать
👉 Читать
ru.ariarzer.dev
Радио-кнопки на градиентах.
Верстаем классические радио-кнопки с плавными переходами на градиентах.
Forwarded from GitHub Community
rxdb – быстрая, локальная БД для JavaScript приложений.
Реактивная база данных для работы в режиме реального времени с кучей дополнительных функций.
⤷ Ссылка на проект
GitHub | #Interesting #JS #DB
Реактивная база данных для работы в режиме реального времени с кучей дополнительных функций.
⤷ Ссылка на проект
GitHub | #Interesting #JS #DB
How to properly use Typescript, OOP and SOLID in modern web applications
https://medium.com/@aliafsah1988/how-to-properly-use-typescript-oop-and-solid-in-modern-web-applications-e4ef88761154
#coding
#typescript
#oop
https://medium.com/@aliafsah1988/how-to-properly-use-typescript-oop-and-solid-in-modern-web-applications-e4ef88761154
#coding
#typescript
#oop
Medium
How to properly use Typescript, OOP and SOLID in modern web applications?
The problem, the motivation and the goal