Фреймворки обратной связи

Вообще, кажется, это самый популярный фреймворк сейчас, называется "Naorat'"

Фреймворки обратной связи

Кажется, все в порядке, обратная связь на уровне

Кубики и рогалики в средиземье: разработка игры на svelte с применением ChatGPT и stable diffusion

Вероятно, я не до конца донес мысль в статье, что буст получится на этапе прототипа и проверки гипотезы. Для получения игры мечты все равно придется вложить много труда и ручной доработки

Кубики и рогалики в средиземье: разработка игры на svelte с применением ChatGPT и stable diffusion

Над балансом надо еще поработать, согласен

Кубики и рогалики в средиземье: разработка игры на svelte с применением ChatGPT и stable diffusion

Я могу сравнивать только со своей скоростью без данных инструментов. Без ChatGPT такой проект занял бы неделю фул тайм, особенно работа с частицами. До этого я three.js не использовал ни разу

Рисуй, чтобы победить

Кстати да, тоже пробовал. Долго вспоминал, как называется, но забыл и в статью в итоге не добавил >_<

Книга «Svelte и Sapper в действии»

как и sapper >_<

О, кинчик

Если брать SPA, то понадобится что-то еще для api, отсюда появятся проблемы с деплоем. У vercel есть serverless, но тогда появятся проблемы с локальным поднятием функции. Нерешаемых задач нет, но SvelteKit мне показался наименее безболезненным

О, кинчик

Вы же умный человек, должны понимать, что у каждого инструмента есть свои проблемы, и с чем столкнулись вы, я, к счастью, не пересекался. Но я прекрасно помню боль настройки своего конфига EsLint для create-react-app через react-app-rewired, если не готов делать eject. Это же не делает react плохим инструментом. Просто большая часть новичков не столкнутся с такими сложностями. А если столкнутся, я уверен, у них хватит навыков выбрать наиболее подходящий под свои задачи инструмент.

О, кинчик

Кажется, что статью вы не читали. Я использую фичи sveltekit, о которых рассказываю в статье. Можно это сделать на другом стеке? Безусловно. Почему я выбрал svelte? Потому что, в отличие от вас, он мне нравится. Вы же не считаете хабр местом, где стоит писать только о проверенных в 1 000 000 проектов технологиях, которые обязательно используют все компании из списка Forbes, у которых не менее 100500 звезд на гитхабе и 10 лет разработки?

О, кинчик

Вопрос из разряда Зачем брать react, если есть jQuery.

О, кинчик

Спасибо! Обязательно исправлю

О, кинчик

а можете прислать скрин? И девайс, на котором происходит такое поведение?

О, кинчик

1. SvelteKit еще находится в стадии активной разработки и вероятность ломающих изменений крайне высока

2. Мало примеров и статей. Инструмент мощный, а документация покрывает только основной функционал. Например, теже переходы между экранами. В доке этого нет, сходу туториалы я только для Sapper нашел.

3. Отстутвуют best practice по организации кода. Слишком много свободы накладывает определнную ответственность на организацию кода. Легко можно получить спагетти код

Средства консоли Chrome, которыми вы, возможно, никогда не пользовались

Для большинства случаев да. Но у меня был кейс, когда нужно было поймать состояние, которое сбрасывается по событию blur на window. Ваш вариант, к сожалению, не сработает (

Средства консоли Chrome, которыми вы, возможно, никогда не пользовались

Бывает, что нужно посмотреть стили элемента, которые видно только при наведении, и флаг :hov не помогает.
Можно в консоли выполнить функцию

setTimeout(()=>{
    debugger;
}, 3000)

Навести курсор на нужный элемент и подождать, когда сработает debugger.
Доступ к Inspect element будет, но JS код не будет выполняться

Средства консоли Chrome, которыми вы, возможно, никогда не пользовались

Еще полезная функция: $0 содержит ссылку на элемент, выбранный на вкладке Elements

Чему я научился, написав библиотеку компонентов на Svelte

Точно нет. В Sapper есть прекрасный файл роутер, которым я пользуюсь. Плюс уже есть большой выбор роутеров для svelte.

Чему я научился, написав библиотеку компонентов на Svelte

Мне нравится связка React + mobx-state-tree

Чему я научился, написав библиотеку компонентов на Svelte

1) А зачем вы считаете css строки кода? css к реакту не имеет отношения

Svelte предоставляет крутые возможности по анимации компонентов и классное api управления классами, это здорово сокращает как JS код, так и CSS. А еще модульность CSS позволяет избавиться от BEM, SCSS и всего остального. При этом никаких дополнительных зависимостей и настроек в проекте не потребуется. Поэтому позволил себе включить CSS в подсчет

2) Можно сэкономить строку export const App; и подключать import { App } from './App

И минифицировать )

3) Если отбросить реальный бред и импорты, то разница в кол-во кода реально маленькая, и ей можно принебречь

Если хотите, можем устроить челендж, кто напишет компактнее?

4) Главное чтобы код был очевидным, легко читаемым и понятным, если из-за этого придется написать на пару строчек кода больше, то вообще пофигу как бы или нет?

Согласен, но обычно, чем меньше кода, тем легче его читать и понимать )

5) React надо использовать с MobX, чтобы получать от него удовольствие. Голый реакт или реакт + redux это то ещё дно. Svelte и Vue будут разумеется лучше. Но вот react + mobx это совсем другая история

У каждого есть свой любимый инструментарий разработки, у меня это Svelte