Вчера на стриме выяснил, что в WebStorm можно создать файл с расширением .http (хотя можно и без файла), написать там запрос и получить полноценный HTTP клиент, который:

💌 Подсвечивает код
💌 Позволяет делать запросы один шорткатом (даже из других табов)
💌 Хранит историю и позволяет diff'ать запросы
💌 Умеет конвертировать cURL запросы в HTTP и обратно
💌 Содержит в себе кучу примерно, чтобы быстро разобраться.

Мне очень редко нужно делать HTTP запросы, поэтому я не хотел скачивать отдельный клиент и мучался с cURL, но если оно уже есть в IDE это ж очень круто

Сегодня (через 10 минут) почилим и поболтаем про английский.

Я хочу написать статью про акцент, и на какие звуки обращать внимание.

Я не препод, но говорю норм и довольно много времени и усилий на это потратил.

Могу поревьюить ваши небольшие тексты или акцент: kirjs.com/talk

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

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

Давно не чпилили! Через 3 минуты на стриме Angular Stream Overlay возвращается.
Вспомним, что там было, пофиксим баги и задеплоим новую версию с youtube чатом.

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

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

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

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

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

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


📺 Посмотреть: 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://news.1rj.ru/str/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://news.1rj.ru/str/webnya

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

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

📺 Посмотреть: twitch.tv/kirjs | youtu.be/BqwTOc8roR4
🎤 Пообщаться голосом: kirjs.com/talk
♥️ Сережин Канал: https://news.1rj.ru/str/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);

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

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