Пусть просто полежит тут

Тулинг веб-разработки написанный на Rust🦀

Если знаете еще, скидывайте в комменты.

• http://makojs.dev (web) 🆕
• http://rsbuild.dev (web)
• http://rspack.dev (web)
• http://rolldown.rs (web)
• http://turbo.build (web / monorepo)
• http://farmfe.org (web)
• http://biomejs.dev (web)
• http://lightningcss.dev (web)
• http://swc.rs (web)
• http://oxc.rs (web)

Наконец то найден самый полезный инструмент в работе джаваскриптера.

Не благодарите.

Моя первая офлайн конфа

Вот и прошла конференция Moscow JS 60 на которой мне посчастливилось побывать. Это моя первая офлайн конфа, до этого был только на онлайне.
На самом деле это непередаваемые ощущения, и дело даже не в докладах (они были крутые), а в самой атмосфере которую удалось создать организаторам, респект. Круто было увидеть вживую людей которых до этого только читал в каналах.

Теперь еще больше захотел выступить, надеюсь получится реализовать.

А еще нас покормили)

Вернулся из отпуска...

Еще до отпуска я как то листал канал Сергея Совы и нашел такую интересную штуку как vike.dev (фронтендовый фреймворк для ssr)

Если хотите иметь в кармане не отвертку, а полноценный мультитул, то гляньте. (файловый роутинг, куча хуков для кастомизации, любой UI-фреймворк, SSR, SSG, можно подключить свой роутер, любое направление деплоя)

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

От того же создателя есть telefunc (штука для RPC) которая позволяет превратить обращение к файлу .telefunc.ts в fetch() запрос.

Так же прикрутил React, express и вместо eslint/prettier взял модный biome на расте.

Прикручу туда еще effector и можно выкатывать как собственный фреймворк.

Вывод: быстро, качественно, чувствуешь власть над компуктером, закрыты дырки от некста.

Минусы: сложная настройка всего этого оркестра.

Сделал репку на гитхабе, можете навалить звездочек и даже потыкать.

Ребята из github работают на абсолютном чиле.

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

Они неделю игнорят, потом приходит их продукт и спрашивает воспроизводится ли еще, я говорю что ДА, и снова тишина...

MoscowJS 61

Второй раз подряд посчастливилось посетить данную конференцию.
Было 4 доклада, два из которых хотелось бы выделить.
1. Доклад про безопасность. Был настолько хорош что я всю дорогу домой ехал и читал дополнительный материал который дал автор, а так же пытался сравнить с тем как это сделано у меня на проекте.
2. Доклад по Effector. Да, доклад был простенький, более обзорный, но мне все равно очень приятно видеть как повышается интерес общества к данной библиотеке.

Всем добра 🖖

#go

Мы с чуваками с работы начали учить Golang.
У нас по отдельности у каждого было несколько итераций начала обучения, но все забивали. В этот раз мы подошли серьезно, мы собрались в группу, что в некоторой степени обязывает что то делать, есть некоторая ответственность за других и еще один жирный плюс, что если кому то, что то непонятно всегда можно коллективно разжевать.

Я попросил своего друга голенгера дать некоторый roadmap из ресурсов по которому он в свое время учился и прошел путь от 0 до полноценного разработчика.

Список ресурсов и достижений буду постить сюда под соответствующим тегом.

Пока что лучший учебник по синтаксису: https://go.dev/tour/welcome/1

Фронтовые роутеры двигаются в правильном направлении.

Разговор будет идти в контексте реакта, так что всех хейтеров прошу отойти от экрана.
Фича вроде бы уже не новая но как то все время проходил мимо, не обращая должного внимания.

Речь пойдет про механизм loader'ов в современных роутерах.

С давних времен у реакта была и есть проблема, что приходится завязывать бизнес логику на жизненном цикле компонента (useEffect в фп подходе, и куча методов жизненного цикла при написании классов). И все долгое время жили с этим и это даже как то стало нормальной практикой.
Каждый SPA нуждается в каком то роутере. Сейчас их на любой вкус и цвет. Есть гиганты типо TanStack router, React Router который имхо пошел по неправильно дороге объединяясь с Remix и малоизвестные, например atomic-router за которым я последнее время слежу.

Одним из важных механизмов, появившихся в последних версиях роутеров, является Loader — инструмент для предварительной загрузки данных перед рендерингом страницы.

React Router

createBrowserRouter([
  {
    element: <Teams />,
    path: "teams",
    loader: async () => {
      return fakeDb.from("teams").select("*");
    }
  }

TanStack

export const Route = createFileRoute('/posts')({
  loader: () => fetchPosts()
})

Atomic router

const postsLoadedRoute = chainRoute({
  route,
  beforeOpen: getPostsFx,
})

Преимущество такого подхода в том, что можно подгрузить данные чуть раньше, чем при подхоже через условный useEffect. На самом простом примере на практике у меня вышла экономия около 50-200 мс.
И плюс этого всего как бы даже не только в предварительной загрузке данных. Вцелом вообще можно делать ВСЕ что угодно, что не должно быть жестко завязано на ЖЦ компонента (работа с аналитикой, браузерное апи, сокеты), и таким образом сделать компонент еще немножечко чище.

🚀 Новый инструмент для RxJS и Effector!

Рад представить вам — rx-sample! 🎉

Если вы когда-нибудь пытались объединить мощь реактивного программирования с RxJS и Effector, то, возможно, сталкивались с проблемами управления подписками. Новый пакет rx-sample создан специально для того, чтобы упростить этот процесс.

🔧 Что делает rx-sample? Он помогает легко управлять подписками на Observables с помощью событий Effector. Теперь вы можете просто создавать и отключать подписки, делая ваш код чище и понятнее.
Придать вашему коду более effector way стиль.

⚙️ Этот пакет идеально подходит для работы с данными в режиме реального времени, будь то новостные ленты, сообщения в чатах и тп.

🌟 Звездочку можно поставить сюда
https://github.com/AndreyTheWeb/rx-sample

---
Предыстория этой штуки забавная, я видел несколько кейсов в эффектор чате по работе с rxjs, несколько кейсов даже помог решить. И тут на рабочий проект коллега предлагает добавить интересный хелпер, у меня в голове случился match кейсов из эффектор чата и этого хелпера, это и послужило началом пакета rx-sample.
Огромный респект другу и коллеге Арсению за идею и реализацию этой штуки на проекте. Так же респект всем кто помогал и накидывал кейсы в эффектор чате, благодаря этим людям хелпер смог вырасти из тех условий которые нужны только нам, до вещи которую можно использовать в любом проетке.

А еще попробую тему с тегами...

#javanoscript #rxjs #effector #opensource #webdevelopment

🥳С праздником всех причастных !

Notion вроде бы как начал исполнять санкции, и по идее не должен работать в РФ.

Но у меня работает, может быть это связано с тем, что у меня комп и мобилка постоянно обмазаны ВПНами, может быть потому что акк зареган на .com почту и омериканцы распознают мой акк как не русский, вообщем IDK

Но на всякий случай я сдела бекапы всех моих записей, и встал вопрос куда же их все размещать, не хранить же просто md файлы на компе.

По сути у меня очень минимальные требования к такого рода продуктам, мне нужно чтобы была связь комп + мобилка, поддержка форматирования и хранения фотографий.

Пробовал всякие ультра хайповые аналоги, но почти нигде нет поддержки мобилки, самым но не хайповым был Superlist - очень красивый дизайн, отзывчивость, но почему то у меня в браузере жутко лагало.

Совершенно случайно мною была найдена штука на просторах app store под названием workflowy
Минусом был скудный дизайн из коробки, но потыкавшись в настройках увидел что можно неплохо кастомизировать.

🚀 Релиз rx-sample

Ранее я описывал процесс создания хелпера для работы effector и rxjs

И вот сегодня случился полноценный релиз пакета.

Пакет переехал в организацию и теперь живет тут https://github.com/Voiso/rx-sample

В npm он доступен по старому адресу, с этим все в порядке https://www.npmjs.com/package/rx-sample

🖖 Подписчики, не благодарите!

Лучше расскажите о канале своим друзьям и пусть они тоже подпишутся.

Попал в пост к сове, мелочь а приятно 🥹🥰

Github теперь отображает префиксы, вроде test: или feature: в названии коммита в виде лейблов!

Неплохой курс по гошке со степика (БЕСПЛАТНЫЙ)

https://stepik.org/course/187490/promo#toc?search=5354837231

Конечно староват (записан где то в 2017-18), но от этого хуже не становится.
Разобраны большинство тем которые могут встретиться при разработке бека. Так есть прикольные базовые штуки которых нет в tour of go + дает советы по best practice в отличии от го тура где просто всю инфу вываливают

⌚ Аксессуар для волосатой руки

Недавно мой коллега Егор говорит что купил часы от Nothing (watch pro 2), и они прям мега нравятся ему. Пошел погуглил, посмотрел обзорчики, люди говорят что топ (Nothing ребята вообще умеют делать хорошие девайсы за адекватные деньги). А мне ну уж очень давно хотелось какие то цифровые часы со всеми вот этими современными фичами, но отталкивала либо откровенная китайщина, либо конский ценник за galaxy watch / apple watch (хотя опыт для сравнения у меня с обеими моделями есть)

Короче недолго думая, сравнив все цены (5-6к в РФ, 3-4 из Китая) заказал, но первую модель, хоть немного хуже по характеристикам, но зато квадратный дизайн (моя вкусовщина).

Делать какой то полноценный обзор не вижу смысла, просто скажу что топ за свои деньги. Софт шустрый, синк с айфоном нормальный, кринжа в локализации нет, пользоваться удобно (продавец еще и ремешок второй положил бесплатно)

Решил зайти в инсту Яндекса, и тут же задался вопросом, если разогнать всех «блогеров» оттуда, работать хоть кто то будет ? 🤔🤔🤔