Use .NET from any JavaScript app in .NET 7 - странная идея конечно :)) Но с помощью wasm-tools можно несложно сделать wasm-сборку, которая сможет загрузица в браузер и использоваться в #js. Никак не могу отделаться от мысли, что это всё напоминает почивший Silverlight 😊
#wasm #dotnet
#wasm #dotnet
Сегодня несколько UI-фреймворков для Vue 3:
💙 BalmUI - по стилизации похож на Vuetify и MaterialUI, но внутренности сделаны значительно более человечески и логичнее, чем в Vuetify. Есть всё что полагается нормальному UI-фреймворку (включая валидатор для input'ов) + есть WYSIWYG editor и даже собственный state manager (аналог vuex).
💙 Buefy - основанный на Bulma, кастомизируемый, хорошо стилизованный, есть всё что надо, прекрасный фреймворк, который я использовал во множестве проектов, но... Vue 2 only 😳
💙 Element Plus (бывший Element для Vue 2) - вот этот фреймворк и выступил заменой Buefy для меня, когда пришла пора портировать или стартовать новые проекты на Vue 3. Из некоторых недостатков - отсутствует fixed-top-bar меню в комплекте (но решается стилями), а также layout el-row/el-col на 24 столбца (а не традиционных 12). Но в отличие от Buefy есть штатный валидатор полей, удобный практически как Vuelidation. В целом отличная штука, рекомендуется :)
💙 Oruga - по первому рассмотрению также выглядит интересно и есть всё что надо для любого сайта, кроме валидации полей.
💙 Primevue - ещё более интересный фреймворк, который имеет уже два десятка опциональных цветовых тем, которые можно легко подключить и использовать. Из отличительных штук, которые не всегда есть в UI-фреймворках: контекстное меню (которое можно прибиндить к элементу), штук 6 разных меню на любой чих, графики на основе Chartjs, многоуровневые таблицы и виртуальный скроллер и интегрированный Vuelidate. Подозреваю, что это следующий кандидат на использование в новых проектах.
💙 Vant - очень маленький по размеру UI-фреймворк, ориентированный на мобильные устройства и имеющий специфичные элементы - pull refresh, swipe cell, sticky elements.
💙 View UI Plus - ещё один симпатичный UI-фреймворк от китайских товарищей. Также по первому рассмотрению есть всё что надо для работы, включая date/time-pickerы, uploader'ы и т.д. Сам фреймворк бесплатный, а вот темы к нему стоят денег (как в Primevue). Ну ок, надо же на чём-то зарабатывать :)
#js #ts #vue
#js #ts #vue
Please open Telegram to view this post
VIEW IN TELEGRAM
Vue & Nuxt - неплохая серия из 13 статей (на данный момент) - потому что свежак (nuxt 3 релизнули очень недавно). Немного печалит, что в половине статей не typescript, а обычный js (бесит!) #nuxt #js #ts #vue
Интересная серия из трёх статей "JavaScript promises", после которых становица ясно, почему в консоль первым будет сначала выдано "then 2" :) #js
Отличная недлинная статья про слоты в VueJS и там (очень кратко) описаны все типовые кейсы со слотами. А вообще это 14-я часть серии статей про #vuejs - советую почитать, они все очень короткие и с обилием примеров. Для начинающих в VueJS самое то. #js
❤1👍1
Ещё один syntax highlighter - дофига синтаксисов знает, знает про Vue и имеет много примеров настройки и кастомизации #js
Что умеют нынче PWA приложения, с примером или ссылкой на документацию. В целом конечно большая часть доступна из обычного браузера, но некоторые квадратики напомнили мне что надо будет потыкать NFC и bar code detection. #js
👍2
Ещё один framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a rust-sourced binary with an API that the front-end can interact with.
Странная смесь конечно... #js
Странная смесь конечно... #js
Tauri
Tauri 2.0
The cross-platform app building toolkit
🔥1
Ускорение npm install выключением аудита и пары других настроек:
#js
npm set fund false
npm set audit false
export DISABLE_OPENCOLLECTIVE=1
export ADBLOCK=1#js
🔥1
LLRT (Low Latency Runtime) is a lightweight JavaScript runtime designed to address the growing demand for fast and efficient Serverless applications. LLRT offers up to over 10x faster startup and up to 2x overall lower cost compared to other JavaScript runtimes running on AWS Lambda
по тестам выглядит симпатично, особенно с cold start, что важно для lambda функций в AWS. #js #aws
по тестам выглядит симпатично, особенно с cold start, что важно для lambda функций в AWS. #js #aws
Несколько фреймворков для интерактивного редактирования layout
* gridstackjs (есть биндинги для React/Vue2/Vue3/Angular)
* Vue Grid Layout (похоже, что только Vue 2.х)
* Vue Draggable Grid (Vue 3)
* Vue-Easy-DnD (частично это не совсем layout а больше drag/drop replacement) #js #vuejs
* gridstackjs (есть биндинги для React/Vue2/Vue3/Angular)
* Vue Grid Layout (похоже, что только Vue 2.х)
* Vue Draggable Grid (Vue 3)
* Vue-Easy-DnD (частично это не совсем layout а больше drag/drop replacement) #js #vuejs
🔥6
JavaScript Algorithms and Data Structures - множество реализаций алгоритмов (поиск, сортировка, математика, списки, графы, криптография, ...) на #js, некоторые исходники прямо перекликаются с типовыми задачами на собесах :))
You Don't Know JS Yet (book series) - 2nd Edition - книга по #js, к сожалению не все разделы ещё присутствуют в виде .md файлов в репозитории, но некоторые главы выглядят хорошо. Некоторые главы могут показаться сложными (например про замыкания) для новичков, но она вроде и не позиционируется как для джунов. #books
Длиннющая статья A Guide To Audio Visualization With JavaScript And GSAP с большим количеством примеров на реакте. Некоторые примеры не работают (синтаксическая ошибка в паре примеров), но это не умаляет пошагового создания проекта #js #react
🔥1
Интересный фреймворк для 2D рисования разных объектов и создания редакторов этих объектов на фронте. Много примеров и туториалов. Есть биндинги к React и Vue (но к Vue примеров поменьше) #js
konvajs.org
Konva - JavaScript Canvas 2d Library
Konva is 2d Canvas JavaScript framework for drawings shapes, animations, node nesting, layering, filtering, event handling, drag and drop and much more.
👍4💩2🔥1
plausible - интересная альтернатива google analytics:
Google Analytics Script:
• ~65 KB compressed, 67.4KB on the network
• Blocked by Safari, Firefox, etc.
• Challenging to setup (If you have a few days)
• Complex features
Plausible Script:
• 0.7 KB compressed, 1.2KB on the network
• Not blocked by Safari, Firefox, etc.
• Easy and quick to setup
• Uncomplicated
сравнение конечно интересно, надо посмотреть как оно на самом деле. По первому впечатлению - возможностей конечно поменьше чем у GA, но с другой стороны - всё намного проще и быстрее. И пока не режеца браузерами. #front #js
Google Analytics Script:
• ~65 KB compressed, 67.4KB on the network
• Blocked by Safari, Firefox, etc.
• Challenging to setup (If you have a few days)
• Complex features
Plausible Script:
• 0.7 KB compressed, 1.2KB on the network
• Not blocked by Safari, Firefox, etc.
• Easy and quick to setup
• Uncomplicated
сравнение конечно интересно, надо посмотреть как оно на самом деле. По первому впечатлению - возможностей конечно поменьше чем у GA, но с другой стороны - всё намного проще и быстрее. И пока не режеца браузерами. #front #js
👍6