Большую часть своей карьеры, я был поклонником газовых плит. Таких на рынке много: Ubuntu/Debian для ленивых, Centos/Fedora для серьёзных. Для тех кто любит готовить на мангале есть Arch, ну или Manjaro, если времени на растопку не так много. Они не требовательны к ресурсам, относительно простые в эксплуатации. Еще есть электрические плиты с блестящим керамическим покрытием на Windows, но они не выдерживают высокие температуры и требуют ухода. Я не из этих.

В какой-то момент я стал присматриваться к индукции. И вот, в октябре 2021 года, стал счастливым обладателем Macbook air с чипом М1. На лицо все плюсы индукционной плиты: работает быстро, не греется, энергии потребляет не много. Однако есть в этой истории и ложка дёгтя: не всякая кухонная утварь работает на индукции.

В нашем заведении, где я являюсь буфетчиком, в работе рецепты из старой поваренной книги. Конечно лучше всего готовить таки блюда на углях в деревне. Но что делать, когда захотелось чего-то летнего, с запахом костра, а в распоряжении лишь маленькая индукционная плитка?

Сегодня мы будем жарить Python 2.7 на M1 в домашних условиях и без гарнира.

Нам понадобится:

• PyCharm
• Docker
• Терпение

Наш ужин состоит из простейшего приложения c запросом в базу данных mysql 8.0.

Тщательно промываем под холодной водой один том и одну сеть:

Ставим на огонь сотейник, можно добавить растительное масло. Кидаем туда базу данных:

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

Приступим к основным действиям. Для начала подготовим основу нашего блюда. Нам нужен docker образ:

Конечно, в качестве основы можно было взять готовый образ с питоном, но раз уж мы и так занимаемся непотребством, я взял ubuntu 16:04.

Поскольку мы имеем дело с приложением на питоне, добавим не много зависимостей в requirements.txt:

Создайте файл main.py:

Осталось лишь запечь наше приложение в готовый образ:

Дождитесь золотистой корочки, затем дайте блюду остыть.

Теперь смешаем наше приложение с базой данных:

Внимательный слушатель заметил: мы смонтировали исходник внутрь контейнера. Это нужно, если вы намерены внести какие-то изменения.

Заглянем под крышку:

Прекрасно! Все ингредиенты смешались:

Настроим PyCharm. Мы помним, что M1 не поддерживает питон нужной нам версии и, открыв IDE, будем наблюдать печальную картину:

Нужно отдать должное ребятам из JetBrains, ведь у нас есть возможность работать с питоном внутри контейнера. Для этого, идём в настройки интерпретатора и добавляем новый:

Выбираем docker. Не волнуйтесь, IDE сделает за вас выбор контейнера:

Потушите не много под крышкой, дождитесь пока редактор подтянет необходимое:

Отлично! Наш код выглядит чисто, свежо и опрятно:

Если мясо пожарено крупными кусками, то порежьте его на порционные куски.
К питону можно подать острый соус и уксусную подливку. Нарежьте побольше зелени - укроп, петрушку кинзу, для придания особого аромата горячему блюду.

Сегодня мы приготовим Svelte. Это на первый взгляд странная, но вполне себе не самая обычная библиотека. Любители VueJS отметят, что Svelte позволяет создавать однофайловые компоненты. А еще, если верить официальной документации, он не использует виртуальный DOM и “привносит реактивность в сам JavaScript”. Проверять мы это конечно же не будем.

Ингредиенты:

• Одна пачка NodeJS. Я рекомендую взять LTS версию, ведь именно от этого зависит качество вашего блюда и настроение гостей
• Любая IDE. Я для особых случаев держу в закромах WebStorm, но вы можете воспользоваться любым редактором. Благо на рынке много вариантов на любой вкус и кошелёк.
• ParcelJS. Вы можете возразить, поскольку на рынке доминирует webpack и будете правы. Но наша задача на сегодня - быстрый семейный ужин.
• Sass/TypeScript по вкусу. Хотя выбор приправы играет большую роль, сегодня мы добавим лишь css препроцессор. Уверен, что обычная морская соль найдётся у каждого. Всё остальное - в меру вашей испорченности.

Готовить будем на среднем огне. Важно приготовить блюдо быстро, но не стоит торопиться, ведь фронтенд легко испортить. Если бульон начнёт убегать, важно незамедлительно принять решительные меры.

Инициализируем проект. Есть разные пакетные менеджеры. Когда-то у меня был yarn, но с ним мясо частенько пригорало и я решил вернуться на npm. К тому же он поставляется вместе с NodeJS:

Сразу кладём в холодную воду dev зависимости:

Да, я для бульона использую parcel-plugin-svelte. Конечно можно пойти в гипермаркет, купить все свежее чтобы сделать бульон с нуля, но не у всех есть такая возможность. Мы же хотим дать простой рецепт, доступный каждому.

Подождите 10 минут, когда в кастрюле начнут появляться пузырьки, добавьте продукты:

Помешивая, варите на среднем огне минут 15, потом снимите пену. Можно добавить приправы:

Хоть это и простое блюдо для всей семьи, я бы хотел, чтобы на тарелке оно выглядело отлично, поэтому вместе с препроцессором, я еще добавляю prettier. Рекомендую всем вам запастись этим инструментом. Лишним не будет.

Ждём еще 5 минут, ставим минимальный огонь и начинаем нарезать гарнир.

Создайте папку src. В самом простом сценарии нам пригодится всего 4 файла:

• index.html
• index.js
• app.svelte
• app.scss

Добавьте в вашу IDE необходимые плагины по вкусу. Здесь каждый решает сам, я же предпочитаю работать с подсветкой синтаксиса.

Начнём с index.html. Его содержимое не вызовет ни у кого восхищение - это типичная точка входа для браузера:

Обратите внимание, мы напрямую обращаемся к scss файлу. Не волнуйтесь. Дайте сборщику сделать всю грязную работу за вас.

Отправляем в кастрюлю.

Задайте какие-нибудь стили в app.scss. Дайте волю фантазии. Кстати, доску можете не мыть. При такой термической обработке беспокоиться не о чем.

Займемся app.svelte:

Блюдо действительно напоминает Vue, но не дайте себя обмануть - у нашего будет совершенно другой вкус!

Кидаем в бульон, едем дальше. index.js:

Если вы так же как и я не можете избавиться от мысли что работаете с Vue, я вас понимаю. Разве то в данном случае, всё как-будто чуточку проще. Создали инстанс, отдали пропсы, привязали к элементу. Потрясающе.

Блюдо почти готово. Можно звать домочадцев за стол, а нам осталось лишь разложить ужин по тарелкам. Приступаем. Добавьте в package.json две команды:

Ни один уважающий себя повар не отдаёт блюдо гостю, не попробовав соль. Запустим проект в dev режиме:

Посмотрите как, словно играючи, parcel отдал нам фронтенд на порт 1234. По-моему соли достаточно:

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