Дима @siberiacancode ведёт стрим с территории конференции HolyJS

На вчерашнем стриме Дима вместе с Саней @jsforbeginners целый день общались с гостями конференции, и часто это перерастало практически в полноценные импровизированные доклады))

Присоединяйтесь, будет интересно и весело)

Сколько памяти ест ваша вкладка - материалы с доклада
Только что выступил на HolyJS 2024 с докладом «Сколько памяти ест ваша вкладка»

Презентация доступна на странице доклада (доступно без регистрации).

В презентации упоминались следующие материалы:

1) Статья и видео от разработчиков Garbage Collector в V8
2) Жизнь до и после React Compiler - Анна Ширяева
3) Партнёрство с Garbage Collector. Память в V8 и работа с утечками - Александр Зайцев
4) Kevin Shiener - Sneaky Memory Leaks
5) Флаги в v8
6) Heap::SetUpSpaces
7) Heap::HeapSizeFromPhysicalMemory
8) Про 15гб и Android
9) Ищем в снэпшоте топ 5 самых тяжелых React компонентов с помощью memlab - пример на github gist

Что ещё использовалось при подготовке доклада:

1) все статьи из https://v8.dev/blog/ с тегом memory
2) Chrome DevTools - Memory Terminology
3) Chrome DevTools - Fix Memory Problems
4) Chrome DevTools - Record heap snapshots
5) Виктор Хомяков - Память в браузере и в Node.js
6) Владислав Молоцило, Александр Зайцев - Снэпшоты памяти -- не страшно, снэпшоты -- полезно
7) Статья про memory management in V8
8) Поля React Fiber
9) Поля VNode
10) Kevin Shiener - Sneaky Memory Leaks - Closures Vs. React Query
11) Kevin Shiener - Sneaky Memory Leaks - How the React Compiler won't save you

Рандомные материалы разного уровня давности, которые тоже пришлось изучить. Но здесь только любимое))
1) https://github.com/thlorenz/v8-perf/blob/master/gc.md
2) https://jayconrod.com/posts/55/a-tour-of-v8--garbage-collection
3) https://dev.to/jennieji/memory-management-in-v8-garbage-collection-and-improvements-18e6
4) https://mrale.ph/blog/2012/09/23/grokking-v8-closures-for-fun.html
5) https://github.com/danbev/learning-v8/blob/master/notes/heap.md

Итоги первого года работы над личным брендом

Завтра исполняется ровно год с даты создания этого канала.

Если говорить цифрами, то итоги этого года выглядят так:
- написано 118 постов;
- подготовлено 13 выступлений с 7 разными докладами;
- посещено 3 подкаста;
- организована 1 мини-конференция и 1 митап;
- проведён 1 прямой эфир;
- был создан и отправлен в неоплачиваемый отпуск 1 телеграм-бот))

Ссылки на избранные посты и доклады я оставил в закрепе, а ниже поделюсь тем, какие выводы я сделал и что приобрёл за этот год: Личный бренд = стимул для саморазвития.Выступления и канал отлично помогают в развитии хардов — постоянное чувство ответственности перед самим собой не даёт расслабиться. Приходится продолжать смотреть записи докладов, читать статьи и посты, следить за индустрией. Жаль только, что этого недостаточно))
Главная ценность — это люди.
Нетворкинг — это всё. Многие задачи решаются гораздо проще как раз потому, что нас много и каждый из нас специалист в чём-то своём. И это отлично дополняет предыдущий пункт, ведь помимо сухой инфы мы получаем поддержку, вдохновение и силы. По моему опыту, культура взаимной поддержки в нашем фронтенд-сообществе просто колоссальная. Причём, для этого даже канал не нужен.

Есть ли минусы у личного бренда?

Во-первых, постоянный страх ошибиться чатом))

Во-вторых, конечно, существует риск выгорания, ведь написание постов и подготовка докладов — это как вторая работа. Да и однообразный контент начинает приедаться. Хорошо, что всегда остаётся возможность экспериментировать — думаю, разбавление технического контента какими-то новыми рубриками пойдёт каналу только на пользу.

Станет ли технического контента меньше?

Определённо нет! Я всё ещё разработчик, которому всё ещё приходится постоянно учиться. Завтра, в день рождения канала, выступлю на HolyJS с докладом про память в браузере, и выложу сюда ссылки на все материалы, которые я использовал при подготовке доклада.

Выступлю, если на сегодняшнем техчеке презентация запустится. А то я ноут с собой не взял))

Accessibility в телеге

Одной папки с каналами мне стало мало и я завела ещё две!

Главная accessibility-папка по цифровой доступности и инклюзии. Очень рекомендую подписаться на всех!

a11y_person — блоги людей с инвалидностью или без про доступность, инклюзию и свою жизнь. Для расширения кругозора — как живут люди с инвалидностью. В основном не технический контент (имею ввиду свой канал)

a11y_org — прочие организации в сфере инклюзии и доступности, проводящие мероприятия для людей с инвалидностью. Совсем не обязательно подписываться на всё, но глянуть можно, вдруг найдёте что-то интересное для себя

#каналы

Решил поделиться отличной подборкой каналов по доступности.

Сам подписан на пару ресурсов, наверняка кому-то ещё может быть полезно.

Спасибо всем, кто подключился на сегодняшний эфир!
Вот что успели обсудить:

- Один из способов карьерного роста: взять на себя дополнительную ответственность и показать результат.

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

- Отменять отпуска — вредно, хоть иногда и необходимо((

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

- Есть фреймворк по созданию сообществ — Community Canvas.

А ещё сделал для себя вывод о том, что фактуры можно было выдать и больше: я пока не привык к подобным форматам, поэтому пытался ко многим вопросам подходить издалека.

Запись эфира уже доступна!

Спасибо Арине за приглашение и за интересные вопросы))

В эфире!

https://t.me/ri4444/386

Telegram

Сообщества в IT и компаниях | Community management. Управление в IT

Уже через 30 минут мы встретимся на эфире ***😉*** https://t.me/ri4444?livestream Ваши вопросы прошу писать в комментариях под этим постом

Завтра в 18:00 выхожу в прямой эфир!

Эфир проведёт Арина, комьюнити-менеджер Java-разработчиков Сбера.

О чём будет эфирПоговорим про карьеру и попадание в IT, про инженерные сообщества, про личный бренд и AI.

Кстати, именно Арина организовала наш недавний AI-хакатон, выступала на Дампе с докладом про создание профсообществ, а на Joker — о пользе и вреде таких сообществ.

Короче, кажется, конференции тоже обсудим))

Залетайте завтра в 18:00 на эфир на канале Арины, буду рад встрече!

Telegram

Сообщества в IT и компаниях | Community management. Управление в IT

Завтра, в 18:00, прямой эфир ***🔥*** С человеком, которого я приметила на одной конференции и наблюдала за ним более года ***⚪️*** Антон Непша - фронтенд лид в зеленом Человек, чья жизнь развернулась на 360 ***🌪️*** Антона вы уже могли встречать в папке про IT, которую…

Делаем сайт, не зная HTML

Наткнулся вчера на один инструмент — go-app. Он позволяет писать сайты на языке Go, причём сразу с PWA режимом.

Серверную часть предлагается разворачивать на go-пакете net/http, а весь UI пишется на кастомных абстракциях на Go, которые собираются в общий бинарник WebAssembly.

Никаких реактов, никаких vue, не придётся даже тэг

```
type hello struct {
app.Compo
Name string
}

func (h *hello) Render() app.UI {
return app.Div().Text("Hello, " + h.Name)
}

```

Получается, HTML здесь особо не нужен.. но нужно знать Go)

Хорошо, что есть PWA режим
Проблема в том, что готовый бинарник будет довольно большим — даже тяжелее сборки create-react-app)) Поэтому в go-app сразу поставляется Service Worker, который хотя бы поможет с кэшированием этого огромного артефакта.

Примеры
На go-app написан lofimusic.app — простой сайт для прослушивания lofi-музыки. Заходим во вкладку Network и смотрим на размер файла app.wasm… 15.6 Мб))

Другой пример, murlok.io — сайт с актуальными наборами талантов для World of Warcraft, и этот сайт почти всегда открыт у меня в фоне, пока запущена игра. Я заметил, что из-за этого сайта падает FPS в самом WoW. А если сайт закрыть — с производительностью становится всё ок.

Вот так я и узнал про go-app — когда заглянул в девтулз с целью разобраться, почему игра тормозит))

Сама сборка этого сайта весит всего 3мб, кстати, что уже лучше. Но, видимо, причина кроется либо где-то внутри реализации go-app, либо в исходниках конкретно этого сайта. Правда, в открытом доступе исходников самого сайта я не нашёл.

Есть адепты Go в этом чате?) Как вам инструмент?)
Или, может, кто-нибудь сам захотел стать адептом Go? Лично я — да) Надо же понять, почему вов тормозит.