wiki.js - слежу за этим open source движком уже года полтора, за это время он очень хорошо вырос и на мой взгляд уже давно готов для продакшн-использования. Попробую написать плюсы/минусы :)
➕ выглядит очень симпатично и современно
➕ имеет ряд шаблонов для страниц (например для документирования API) ➕ мультиязычность
➕ два вида редакторов (markdown / WYSIWYG)
➕ понятную структуру страниц (в отличие от XWiki)
➕ изкоробочная возможнсть комментирования страниц
➕ за одну строку поднимается в докере (чтобы потыкать локально)
➕ responsive интерфейс на телефоне выглядит идеально
➕ теги для страниц (выглядят тоже красиво)
➕ нормально работающие аттачи/картинки - в большинстве wiki-движков которые я смотрел - это выглядит как боль.
➕ фронт на vuejs 😁
Из минусов пока только один нашёлся:
➖ кое-где transition-эффекты в CSS для страниц я бы подсократил в два раза. Ну тоесть оно конечно плавно и красиво... для end user. Лично мне привычнее transition'ы побыстрее.
Вообщем если мне надо будет на проектах wiki - это будет wiki.js
#js #vuejs
Из минусов пока только один нашёлся:
Вообщем если мне надо будет на проектах wiki - это будет wiki.js
#js #vuejs
Please open Telegram to view this post
VIEW IN TELEGRAM
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