MoscowJS 61
Второй раз подряд посчастливилось посетить данную конференцию.
Было 4 доклада, два из которых хотелось бы выделить.
1. Доклад про безопасность. Был настолько хорош что я всю дорогу домой ехал и читал дополнительный материал который дал автор, а так же пытался сравнить с тем как это сделано у меня на проекте.
2. Доклад по Effector. Да, доклад был простенький, более обзорный, но мне все равно очень приятно видеть как повышается интерес общества к данной библиотеке.
Всем добра 🖖
Второй раз подряд посчастливилось посетить данную конференцию.
Было 4 доклада, два из которых хотелось бы выделить.
1. Доклад про безопасность. Был настолько хорош что я всю дорогу домой ехал и читал дополнительный материал который дал автор, а так же пытался сравнить с тем как это сделано у меня на проекте.
2. Доклад по Effector. Да, доклад был простенький, более обзорный, но мне все равно очень приятно видеть как повышается интерес общества к данной библиотеке.
Всем добра 🖖
🔥5🐳3❤1
#go
Мы с чуваками с работы начали учить Golang.
У нас по отдельности у каждого было несколько итераций начала обучения, но все забивали. В этот раз мы подошли серьезно, мы собрались в группу, что в некоторой степени обязывает что то делать, есть некоторая ответственность за других и еще один жирный плюс, что если кому то, что то непонятно всегда можно коллективно разжевать.
Я попросил своего друга голенгера дать некоторый roadmap из ресурсов по которому он в свое время учился и прошел путь от 0 до полноценного разработчика.
Список ресурсов и достижений буду постить сюда под соответствующим тегом.
Пока что лучший учебник по синтаксису: https://go.dev/tour/welcome/1
Мы с чуваками с работы начали учить Golang.
У нас по отдельности у каждого было несколько итераций начала обучения, но все забивали. В этот раз мы подошли серьезно, мы собрались в группу, что в некоторой степени обязывает что то делать, есть некоторая ответственность за других и еще один жирный плюс, что если кому то, что то непонятно всегда можно коллективно разжевать.
Я попросил своего друга голенгера дать некоторый roadmap из ресурсов по которому он в свое время учился и прошел путь от 0 до полноценного разработчика.
Список ресурсов и достижений буду постить сюда под соответствующим тегом.
Пока что лучший учебник по синтаксису: https://go.dev/tour/welcome/1
🔥6❤2
Фронтовые роутеры двигаются в правильном направлении.
Разговор будет идти в контексте реакта, так что всех хейтеров прошу отойти от экрана.
Фича вроде бы уже не новая но как то все время проходил мимо, не обращая должного внимания.
Речь пойдет про механизм loader'ов в современных роутерах.
С давних времен у реакта была и есть проблема, что приходится завязывать бизнес логику на жизненном цикле компонента (useEffect в фп подходе, и куча методов жизненного цикла при написании классов). И все долгое время жили с этим и это даже как то стало нормальной практикой.
Каждый SPA нуждается в каком то роутере. Сейчас их на любой вкус и цвет. Есть гиганты типо TanStack router, React Router который имхо пошел по неправильно дороге объединяясь с Remix и малоизвестные, например atomic-router за которым я последнее время слежу.
Одним из важных механизмов, появившихся в последних версиях роутеров, является Loader — инструмент для предварительной загрузки данных перед рендерингом страницы.
React Router
TanStack
Atomic router
Преимущество такого подхода в том, что можно подгрузить данные чуть раньше, чем при подхоже через условный useEffect. На самом простом примере на практике у меня вышла экономия около 50-200 мс.
И плюс этого всего как бы даже не только в предварительной загрузке данных. Вцелом вообще можно делать ВСЕ что угодно, что не должно быть жестко завязано на ЖЦ компонента (работа с аналитикой, браузерное апи, сокеты), и таким образом сделать компонент еще немножечко чище.
Разговор будет идти в контексте реакта, так что всех хейтеров прошу отойти от экрана.
Фича вроде бы уже не новая но как то все время проходил мимо, не обращая должного внимания.
Речь пойдет про механизм 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 мс.
И плюс этого всего как бы даже не только в предварительной загрузке данных. Вцелом вообще можно делать ВСЕ что угодно, что не должно быть жестко завязано на ЖЦ компонента (работа с аналитикой, браузерное апи, сокеты), и таким образом сделать компонент еще немножечко чище.
❤1👏1🤯1
🚀 Новый инструмент для 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
Рад представить вам — 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
GitHub
GitHub - AndreyTheWeb/rx-sample: rx-sample simplifies managing RxJS Observables with Effector events, ensuring streamlined subnoscription…
rx-sample simplifies managing RxJS Observables with Effector events, ensuring streamlined subnoscription control in reactive applications. - AndreyTheWeb/rx-sample
🔥7🤯1
Notion вроде бы как начал исполнять санкции, и по идее не должен работать в РФ.
Но у меня работает, может быть это связано с тем, что у меня комп и мобилка постоянно обмазаны ВПНами, может быть потому что акк зареган на .com почту и омериканцы распознают мой акк как не русский, вообщем IDK
Но на всякий случай я сдела бекапы всех моих записей, и встал вопрос куда же их все размещать, не хранить же просто md файлы на компе.
По сути у меня очень минимальные требования к такого рода продуктам, мне нужно чтобы была связь комп + мобилка, поддержка форматирования и хранения фотографий.
Пробовал всякие ультра хайповые аналоги, но почти нигде нет поддержки мобилки, самым но не хайповым был Superlist - очень красивый дизайн, отзывчивость, но почему то у меня в браузере жутко лагало.
Совершенно случайно мною была найдена штука на просторах app store под названием workflowy
Минусом был скудный дизайн из коробки, но потыкавшись в настройках увидел что можно неплохо кастомизировать.
Но у меня работает, может быть это связано с тем, что у меня комп и мобилка постоянно обмазаны ВПНами, может быть потому что акк зареган на .com почту и омериканцы распознают мой акк как не русский, вообщем IDK
Но на всякий случай я сдела бекапы всех моих записей, и встал вопрос куда же их все размещать, не хранить же просто md файлы на компе.
По сути у меня очень минимальные требования к такого рода продуктам, мне нужно чтобы была связь комп + мобилка, поддержка форматирования и хранения фотографий.
Пробовал всякие ультра хайповые аналоги, но почти нигде нет поддержки мобилки, самым но не хайповым был Superlist - очень красивый дизайн, отзывчивость, но почему то у меня в браузере жутко лагало.
Совершенно случайно мною была найдена штука на просторах app store под названием workflowy
Минусом был скудный дизайн из коробки, но потыкавшись в настройках увидел что можно неплохо кастомизировать.
❤4
🚀 Релиз rx-sample
Ранее я описывал процесс создания хелпера для работы effector и rxjs
И вот сегодня случился полноценный релиз пакета.
Пакет переехал в организацию и теперь живет тут https://github.com/Voiso/rx-sample
В npm он доступен по старому адресу, с этим все в порядке https://www.npmjs.com/package/rx-sample
Ранее я описывал процесс создания хелпера для работы effector и rxjs
И вот сегодня случился полноценный релиз пакета.
Пакет переехал в организацию и теперь живет тут https://github.com/Voiso/rx-sample
В npm он доступен по старому адресу, с этим все в порядке https://www.npmjs.com/package/rx-sample
GitHub
GitHub - Voiso/rx-sample: rx-sample is a utility for working with RxJS in conjunction with Effector, making it easy to manage subnoscriptions…
rx-sample is a utility for working with RxJS in conjunction with Effector, making it easy to manage subnoscriptions to Observables using Effector events. - Voiso/rx-sample
🔥4🐳2
Forwarded from Сова пишет…
Github теперь отображает префиксы, вроде
test: или feature: в названии коммита в виде лейблов!❤3
Неплохой курс по гошке со степика (БЕСПЛАТНЫЙ)
https://stepik.org/course/187490/promo#toc?search=5354837231
Конечно староват (записан где то в 2017-18), но от этого хуже не становится.
Разобраны большинство тем которые могут встретиться при разработке бека. Так есть прикольные базовые штуки которых нет в tour of go + дает советы по best practice в отличии от го тура где просто всю инфу вываливают
https://stepik.org/course/187490/promo#toc?search=5354837231
Конечно староват (записан где то в 2017-18), но от этого хуже не становится.
Разобраны большинство тем которые могут встретиться при разработке бека. Так есть прикольные базовые штуки которых нет в tour of go + дает советы по best practice в отличии от го тура где просто всю инфу вываливают
Stepik: online education
Разработка веб-сервисов на Golang (Go)
Этот курс был создан в 2017 году на основе внедрения языка Go в Почту Mail.ru с целью развития рынка гоферов в РФ. В нем разобраны все основные инструменты языка, которые используются в рабочих задачах. Выполнения всех домашних заданий с полным осознанием…
❤🔥3❤2
⌚ Аксессуар для волосатой руки
Недавно мой коллега Егор говорит что купил часы от Nothing (watch pro 2), и они прям мега нравятся ему. Пошел погуглил, посмотрел обзорчики, люди говорят что топ (Nothing ребята вообще умеют делать хорошие девайсы за адекватные деньги). А мне ну уж очень давно хотелось какие то цифровые часы со всеми вот этими современными фичами, но отталкивала либо откровенная китайщина, либо конский ценник за galaxy watch / apple watch (хотя опыт для сравнения у меня с обеими моделями есть)
Короче недолго думая, сравнив все цены (5-6к в РФ, 3-4 из Китая) заказал, но первую модель, хоть немного хуже по характеристикам, но зато квадратный дизайн (моя вкусовщина).
Делать какой то полноценный обзор не вижу смысла, просто скажу что топ за свои деньги. Софт шустрый, синк с айфоном нормальный, кринжа в локализации нет, пользоваться удобно (продавец еще и ремешок второй положил бесплатно)
Недавно мой коллега Егор говорит что купил часы от Nothing (watch pro 2), и они прям мега нравятся ему. Пошел погуглил, посмотрел обзорчики, люди говорят что топ (Nothing ребята вообще умеют делать хорошие девайсы за адекватные деньги). А мне ну уж очень давно хотелось какие то цифровые часы со всеми вот этими современными фичами, но отталкивала либо откровенная китайщина, либо конский ценник за galaxy watch / apple watch (хотя опыт для сравнения у меня с обеими моделями есть)
Короче недолго думая, сравнив все цены (5-6к в РФ, 3-4 из Китая) заказал, но первую модель, хоть немного хуже по характеристикам, но зато квадратный дизайн (моя вкусовщина).
Делать какой то полноценный обзор не вижу смысла, просто скажу что топ за свои деньги. Софт шустрый, синк с айфоном нормальный, кринжа в локализации нет, пользоваться удобно (продавец еще и ремешок второй положил бесплатно)
🔥8🤩2
Решил зайти в инсту Яндекса, и тут же задался вопросом, если разогнать всех «блогеров» оттуда, работать хоть кто то будет ? 🤔🤔🤔
⚡6
🤌 а шо там с голенгом? м?
Решил наконец то попробовать че то забацать кроме теории. Выбор пал сделать клон бота моих кентов и по совместительству коллег. У них есть тг бот на ноде который по ссылке на рилс вытаскивает mp4 оттуда и скидывает в чат. Я решил сделать реплику на голенге.
Спойлер - получилось (в обнимку с кучей документаций и гпт)
И как бы я думал что основная проблема это написать бота, а нет чуваки, удачи вам в нынешнее время его задеплоить.
Heroku / DIgital ocean / Railway отпали сразу, because нужно с порога карточку привязать. Vercel отпал потому что там кроме JS кода unreal что то хостить. Пробежался по всяким яндекс клауд / слауд ру - слишком громоздко для бота, а следовательно и дорого.
И приютили меня рабята из Amvera. Отличный отечественный сервис, быстренько разобрался с деплоем. накидал докер файл и через пол часа у меня уже бот крутился на сервере.
Моего бота можно найти по ссылке - https://news.1rj.ru/str/go_insta_downloader_bot
Можете писать ему в личку или добавить в чат (не забудь ему выдать права админа)
Бот ребят на ноде - https://github.com/beer-building/tg-helper-bot
Мой бот на гошке - https://github.com/AndreyTheWeb/tg-downloader-bot
Решил наконец то попробовать че то забацать кроме теории. Выбор пал сделать клон бота моих кентов и по совместительству коллег. У них есть тг бот на ноде который по ссылке на рилс вытаскивает mp4 оттуда и скидывает в чат. Я решил сделать реплику на голенге.
Спойлер - получилось (в обнимку с кучей документаций и гпт)
И как бы я думал что основная проблема это написать бота, а нет чуваки, удачи вам в нынешнее время его задеплоить.
Heroku / DIgital ocean / Railway отпали сразу, because нужно с порога карточку привязать. Vercel отпал потому что там кроме JS кода unreal что то хостить. Пробежался по всяким яндекс клауд / слауд ру - слишком громоздко для бота, а следовательно и дорого.
И приютили меня рабята из Amvera. Отличный отечественный сервис, быстренько разобрался с деплоем. накидал докер файл и через пол часа у меня уже бот крутился на сервере.
Моего бота можно найти по ссылке - https://news.1rj.ru/str/go_insta_downloader_bot
Можете писать ему в личку или добавить в чат (не забудь ему выдать права админа)
Бот ребят на ноде - https://github.com/beer-building/tg-helper-bot
Мой бот на гошке - https://github.com/AndreyTheWeb/tg-downloader-bot
1🆒8
Please open Telegram to view this post
VIEW IN TELEGRAM
1💅3🤡2
А еще вот тут голосуйте пожалуйста чтобы я мог ват тут приколы всякие делать 🙏
https://news.1rj.ru/str/boost/fedosdotcom1
https://news.1rj.ru/str/boost/fedosdotcom1
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
fedos dot com
Проголосуйте за канал, чтобы он получил больше возможностей.
Хотел написать пост с инфой про безопасность в вебе, но инфоповод диктует другие правила.
Twitter, Facebook, Instagram, SoundCloud, всякие VPNы, Клуб Романтики (за чтоооооо), Ютуб замедлен
Discord - добро пожаловать в ряды
Понятное дело что уже завтра с утра умельцы наделают 150 всевозможных вариантов обхода, конечно будет немного труднее чем с той же инстой или ютубом, тут задействована IP телефония, так что придется повозиться.
После убийства Discord пользователи массово бросились качать TeamSpeak
UPD: TeamSpeak уже упал
А вообще у меня в голове уже давно сидит такая мысль о том, что всякие компании, или даже несколько компаний в сговоре, лоббируют такого рода блокировки, чтобы свергать монополистов. Юзер не начнет меньше потреблять контента из-за блока инсты или ютуба, трафик куда то потечет.
Twitter, Facebook, Instagram, SoundCloud, всякие VPNы, Клуб Романтики (за чтоооооо), Ютуб замедлен
Discord - добро пожаловать в ряды
Понятное дело что уже завтра с утра умельцы наделают 150 всевозможных вариантов обхода, конечно будет немного труднее чем с той же инстой или ютубом, тут задействована IP телефония, так что придется повозиться.
После убийства Discord пользователи массово бросились качать TeamSpeak
UPD: TeamSpeak уже упал
А вообще у меня в голове уже давно сидит такая мысль о том, что всякие компании, или даже несколько компаний в сговоре, лоббируют такого рода блокировки, чтобы свергать монополистов. Юзер не начнет меньше потреблять контента из-за блока инсты или ютуба, трафик куда то потечет.
🤡А я не шизоид (к посту выше).
Я не проверял, но даже если это на 50% правда, то это только подтверждает мою шизо теорию о лоббировании интересов.
Банится дискорд, люди сдувают пыль со старых говорилок, и оказывается у тип списка сервера на 2 с половиной человека, рейд колл умер давно, скайп жрет ресурсы за троих, и о боже, ВКонтакте хотят дропнуть очередную говорилку.
Короче будем ждать и смотреть.
Я не проверял, но даже если это на 50% правда, то это только подтверждает мою шизо теорию о лоббировании интересов.
Банится дискорд, люди сдувают пыль со старых говорилок, и оказывается у тип списка сервера на 2 с половиной человека, рейд колл умер давно, скайп жрет ресурсы за троих, и о боже, ВКонтакте хотят дропнуть очередную говорилку.
Короче будем ждать и смотреть.
🤡5👏1
Сразу ссылки:
https://habr.com/ru/companies/bastion/articles/757590/
https://www.youtube.com/live/CxzRuIayiVk?t=4660s
Хорошая обзорная статья на все базовые возможные атаки которые можно совершить на клиенте.
Подойдет как для подготовки к собесу (во всякие банки и секьюрити-конторы часто спрашивают (лично встречался с такими вопросами, но обычно дальше XSS, CSRF фронтендера мучать не будет)), так и для общего развития, чтобы в дальнейшем в своих проектах не попадать в неприятные ситуации когда например через query запрос можно вызвать скрипт.
Вторая ссылка - это запись доклада на Moscow JS по безопасности в вебе. Тут уже умный дядька рассказывает более интересные вещи, про уязвимость npm пакетов, DUST / SUST (динамическое/статическое тестирование безопастности) и утилиты для этого. Даже удалось лично пообщаться с ним после доклада. Он говорит что на самом деле клиентские атаки на его практике это большая редкость, но это не значит что нужно забивать на безопасность.
Например если взять взаимодействие с крипто кошельком, оно происходит через клиентскую сторону при помощи JS. Появление XSS в таком приложении означает потери всех ваших драгоценных биткойнов.
Вот тут прикольный лабораторный инструмент, в котором своими руками можно пощупать уязвимое приложение (раньше был хост на хероку, но теперь платить видимо никто не хочет)
Последние пару недель старался читать смотреть всякий материал по безопасности, как то загорелся, и хочу попробовать потестить некоторые инструменты у себя на проекте. Если будут какие то интересные подробности (и я не забуду), то обязательно отпишу сюда результаты.
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Ликбез по распространенным Client-Side уязвимостям
В этой статье мы покажем: как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript. как скомпрометировать администратора сайта, отправив...
👾3