Продолжаем пилить тестовое - букинг номеров в небольшом отеле:

🏨 Доделаем схему

🏨 Разберем как делать юзеров и права

🏨Оформим в виде красивых диаграм


📺 Посмотреть: twitch.tv/kirjs | youtu.be/xoeQKLDGp2s

🎤 Пообщаться голосом: twitch.tv/kirjs

Менеджеры состояний

Гости выпуска:
— Артем Арутюнян: twitter, telegram
— Александр Колесников: twitter

Содержание выпуска:
- 00:03:12 - Состояние и менеджер состояний (SM)
- 00:06:00 - Множество состояний
- 00:10:18 - Зачем SM, если есть встроенные API
- 00:12:28 - Единый интерфейс, единственный API
- 00:20:13 - Принципы, лежащие в основе SM
- 00:27:46 - Почему появляются новые SM
- 00:35:58 - Влияние SM на архитектуру приложения
- 00:42:12 - Как быть непосвященному разработчику
- 00:47:32 - Переход на новый SM в приложении
- 00:51:52 - Стандартизация API
- 00:59:41 - Проблемы больших состояний
- 01:05:18 - Синхронизация c бекэндом
- 01:09:05 - 2 менеджера состояний и 1 состояние

Слушать подкаст на других платформах

Продолжаем стримафон, сегодня надеюсь закончи писать тестовое - System Design для букинга номеров в небольшом отеле:

🏨 Доделаем схему

🏨 Разберем как делать юзеров и права

🏨Оформим в виде красивых диаграмм


📺 Посмотреть: twitch.tv/kirjs | youtu.be/1xBAOYsoWuc

🎤 Пообщаться голосом: twitch.tv/kirjs

Продолжаем настраивать .dotfiles в новом маке

⚙️ Будем смотреть всякие крутые расширения для zsh

⚙️Сохраним настройки мака и IDE

📺 Посмотреть: twitch.tv/kirjs | youtu.be/nhDir01hNM8

🎤 Пообщаться голосом: kirjs.com/talk

В 13:00 по Московскому времени Вадим Канинский @vadimcpp будет стримить добавление снежинок в React приложение и в мобильное приложении на React Native.

В планах:

- Загрузить сборку на сервер
- Сделать билды для сторов
- Поковыряться в базе
- Побеседовать о всяком разном

Ссылка для подключения будет опубликована в чате Наталии Давыдовой за 15 минут до начала:
https://xn--r1a.website/jun_mid_front

Сайт для снежинок - events4friends.ru

Сегодня (В Воскресенье, 2 Января) в районе 8:30 вечера по Москве, мы с @chicoxyzzy будем разбираться с передачей данных в WebWorker и обратно.

👷‍♂️Разберемся что такое (и зачем) COOP/COEP

👷‍♂️Потыкаем Atomics и SharedArrayBuffer

👷‍♂️создадим фунции для работы с LocalStorage из WebWorker с возможностью синхронного вызова

👷‍♂️Напишем свою либу (если успеем)

📺 Посмотреть: twitch.tv/kirjs | youtu.be/BqwTOc8roR4
🎤 Пообщаться голосом: kirjs.com/talk
♥️ Сережин Канал: https://xn--r1a.website/webnya

Привет, начинаем стрим с Сережей прямо сейчас.

По техническим причинам вынуждены были поменять линк на ютубе: youtu.be/BqwTOc8roR4

📺 Посмотреть: twitch.tv/kirjs | youtu.be/BqwTOc8roR4
🎤 Пообщаться голосом: kirjs.com/talk
♥️ Сережин Канал: https://xn--r1a.website/webnya

Может я последний человек на свете, который это узнал, но в WebStorm:

log + tab === console.log(|)

<EXPRESSION>.log + tab === console.log(<EXPRESSION>)

Это нам подсказал Максим на стриме про ВебВоркеры

Долго не мог понять, почему на новом маке в telegram нельзя было посмотреть статы канала, а на старом можно.

Оказалось, что у телеги на Маке есть две официальные версии:

Telegram Desktop - лайтовая версия, которая доступна на всех операционках.
Telegram for MacOS - отдельная версия.

У них совершенно разный функционал (если кто знает, где хорошо описана разница, пришлите линк)

Сегодня на стриме разберемся, как работает авторизация в YoutubeAPI

🐶 Разберемся, как работают refresh токены

🐶 Попробуем авторизироваться за браузер OBS

🐶 Победим тройной чат


👀 Посмотреть: twitch.tv/kirjs | youtu.be/LjJj3m5veEk

🗣 Пообщаться голосом: twitch.tv/kirjs

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

Например мы хотим из

const values = [
  {key: 'a', value: 1}, 
  {key: 'b', value: 2},
];

Сделать

{ a: 1, b: 2 }

Тут я юзал бы обычный цикл, или в некоторых случаях reduce (как на картинке), но еще можно скомбинировать map + fromEntries:

const entries = values.map((v)=>{
  return [v.key, v.value];
})
const r3 = Object.fromEntries(entries);

Мне кажется, для некоторых кейсов это может быть слегка читабельнее.

По перформансу пока выглядит, что чуть медленнее

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

И я чет завис. Я думал что сейчас зайду в free-programming-books, качну пару PDF и отправлю, но там по сути в основном не книги, а всякие курсы. А чтобы скачать книгу надо пройти через ад регистраций.

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

темы: JavaScript, React, Алгосы
язык: русский или английский

На внезапном стриме через 8 секунд чпилим дальше

Продолжаем пилить Stream Overlay на Angular

🐶 Победим тройной чат

🐶 Сделаем постинг в телегу

🐶 Сделаем чтобы бот постил в чат

🐶 Добавим пагинацию

🐶 Много мелких улучшений


👀 Посмотреть: twitch.tv/kirjs | youtu.be/QtqAuR1GX6g

🗣 Пообщаться голосом: twitch.tv/kirjs

На внезапном стриме через 6 секунд разберемся с web 3.0!

👀 Посмотреть: twitch.tv/kirjs | youtu.be/NC-lEv_URUI

🗣 Пообщаться голосом: twitch.tv/kirjs

На внезапном стриме через 14 секунд поковыряю cloudflare. 

А после этого стрима пойду к https://www.twitch.tv/lehamed общаться на абстрактные темы (я вообще не оч умею, но Леха сказал что надо учиться)

👀 Посмотреть: twitch.tv/kirjs | youtu.be/-DcyHdFoBZs

🗣 Пообщаться голосом: twitch.tv/kirjs