Наностор и наностори

Решил попробовать библиотеку nanostores от Evil Martians. Это стейт менеджер, отечественный аналог jotai 👻 или effector ☄️ на ультра минималках. В частности, задумал написать клон сайта с уроками про Apollo. Чтобы был лёгкий фронт на react/tailwind/nanostores и feature-sliced архитектуре.

Немного споткнулся о баг в nanostores/query, из-за которого loading всегда false - сделал ребятам issue на гитхабе, надеюсь починят.

Следуя нашей тысячелетней традиции, прикладываю видос (без звука).

Если вам вдруг такое интересно(?), могу допилить и смонтировать на канал на ютубе.

Здравствуйте, это канал об аниме? Как мне пропатчить KDE2 под FreeBSD?

Чтобы сохранить тематику канала и не спамить вас спидранами с моим обучением ии, буду документировать этот процесс в отдельной репе на гитхабе. А здесь будем про разработку общаться.

Сижу готовлю видос на ютуб. В отличие от прошлых роликов, хочу сделать по-человечески. Сначала всё отснять и показать результат и потом уже показывать процесс. Иначе непонятно что к чему.

Также хочу не тратить время на вёрстку, а сфокусироваться именно на feature-sliced design: как вынести логику из компонентов, как делать фичи, чтобы не приходилось переделывать существующий код.

Демо результата прикладываю (без звука).

https://www.youtube.com/watch?v=OR88VZ74wHk

Видос, видосик про feature-sliced design 🍰
Пока минус харизма - слишком долго с максимкой такое озвучивать. Но если вам не понравится, то поищем другие варианты.

Всё для людей
В свежей обнове vscode добавили настройку editor.linkedEditing (по умолчанию она выключена, так что нужно включать руками). С ней когда вы правите один тег, например, открывающий div меняете на section, то закрывающий тег изменится автоматически.
Раньше для такого нужно было использовать экстеншен типа Auto Rename Tag.

Про зависимости
Существует удобная утилита taze, которую можно в проектах запускать через npx taze, либо просто taze, если сделать npm i -g taze. Она позволяет посмотреть какие зависимости можно обновить. А с флагом -w свежие версии сразу будут записаны в package.json.
Кста, если taze установлен глобально, то удобно смотреть какие из глобальных пекейджей нуждаются в обновлении.

Освобождение захваченного порта
Бывает при запуске проекта появляется сообщение вроде "Address already in use". Освободить порт поможет команда kill -9 $(lsof -ti:8788).

Если такое лень набирать, можно для своего терминала сделать шорткат вроде:

k() {
  kill -9 $(lsof -ti:"$1")
  echo "Process on port $1 killed"
}

С ним будет достаточно k 8788

Ещё вариант: npx kill-port 8788

Пусть код говорит сам за себя
Используя утилиту mods можно получать ответы от ai прямо в терминале.

Для чего? Чтобы генерировать описания для пул реквестов или сообщения для коммитов.
Можно сделать себе шорткат на команду ниже и готовый текст будет скопирован в буфер обмена.

git --no-pager diff main | mods -f 'write a pull request description for this patch' | pbcopy

Доступ к ai нужно обеспечить самостоятельно: предоставить ключ для OpenAI или адрес своей модели, если такая имеется.
https://github.com/charmbracelet/mods

В два раза больше IQ
0iq (зиро ай кью) - сайт с онлайн-курсами, который я медленно делаю в видосах на ютубе. Изначально всё задумывалось просто как клон сайта с уроками про Apollo Graphql. Но нашлись хорошие и заинтересованные дизайнеры и теперь благодаря им у 0iq появился свой стиль.

Чуть больше двух недель назад в разработке начал участвовать ещё один человек. Опыта мало: из знаний только css и совсем немного react/js. То есть jsx компонент использовать - это да, а какой-нибудь .map применить - это уже нет.

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

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

https://0iq.tech

Сила коммьюнити
Не ожидал, что вчера столько человек отзовётся. Вы вообще крейзи, парни.

В гитхаб орге 0iq за наносекунду были заняты свободные места, после чего ребята в комментариях предложили сделать репозиторий публичным. Но я пока не буду этого делать: времени мало, не уверен, что справлюсь.

Чтобы было понятнее как примерно выглядят задачи - я прикреплю парочку в комментариях. Если после их прочтения интерес поучаствовать не пропадёт, то напиши о себе на hello@0iq.tech, братишка.

Ещё моментик. Репа закрытая, поэтому тем, кто сделал заметный вклад в 0iq, буду делать такие персональные сертификаты в качестве искренней благодарности.

Внимание! Приближается поток 🌊
Стрим про написание (очень простого) клиента для торрентов на go начнётся через час.

А вот и он
https://www.youtube.com/live/z4uKbp66q5c?si=ZIgWIfuqaiHhYOiP