… Намного круче, чем React! У меня есть значок Hamburger , который является отдельным компонентом. Когда пользователь щелкает по нему, я хочу, чтобы он изменил значок гамбургера на значок [закрыть] и , чтобы его родительский элемент (компонент _layout ) открывал мобильное меню. Я также хочу, чтобы мобильное меню закрывалось при нажатии ссылки в открытом меню. Затем, вдобавок ко всему, я хочу, чтобы нажатие клавиши ESC закрыло меню и сбросило значок гамбургера. Мои компоненты:..

Мне очень нравится Svelte, мне это намного проще для понимания, чем Vue. Думаю, в 65 лет мой мозг не может справиться со всем, как раньше. Я планирую переписать свое Приложение погоды в аэропорту с Vue на Svelte и опубликовать результаты здесь. А пока создаю несколько полезных компонентов. Я использую фреймворк W3.CSS (который мне также нравится, потому что это только css), но он не имеет ничего общего с работой моих компонентов, поэтому просто игнорируйте классы или замените их..

С этой статьей я хочу, чтобы вы отправились со мной в путешествие. И это путешествие связано с разработкой набора правил, позволяющих воспользоваться преимуществами одного из самых удивительных новых инструментов разработки программного обеспечения за последние два года. Отказ от ответственности Как архитектор, я иногда должен предоставить код, чтобы проиллюстрировать концепции, лежащие в основе идеи. Но не ждите, что я объясню, как и почему работает этот код. Вы найдете множество..

Что такое Svelte? Svelte - это компонентный фреймворк, такой как React или Vue, но с важным отличием. Традиционные фреймворки позволяют писать декларативный код, управляемый состоянием, но есть штраф: браузер должен выполнять дополнительную работу для преобразования этих декларативных структур в операции DOM, используя такие методы, как виртуальное различие DOM , которое поглощает ваш бюджет рамок и налог на сборщика мусора. Вместо этого Svelte запускается во время сборки ,..

🔴 Если вы используете Sveltekit. Вместо этого ознакомьтесь с этой статьей . Придя из React, я был поражен тем, насколько простой была разработка с помощью Svelte, некоторые функции, для которых требовалось множество библиотек с React, на самом деле предлагаются прямо из коробки с Svelte. В Svelte так много замечательных вещей, что меня сразу «зацепило» (это не каламбур 😁) после прочтения документации, и я использую его с тех пор. Tailwind - потрясающая гибкая служебная библиотека..

Сейчас я начал изучать что-то новое, это Svelte.js 🔥 Svelte - это радикально новый подход к созданию пользовательских интерфейсов. В то время как традиционные фреймворки, такие как React и Vue, выполняют основную часть своей работы в браузере , Svelte переводит эту работу на этап компиляции , который происходит при сборке приложения. После опыта и использования React.js и Vue.js, Svelte стал освежением. Судя по текущему опыту, я думаю, что у Svelte есть что-то новое и интересное...