Всем привет. Сегодня без стрима, слишком много работы и дел навалилось.
Думал успеть.... Успел, а сил ваще нет.

PS. Вчера в честной борьбе против $mol победил Elixir и след проект будем писать уже на нем.
Тему проекта еще не выбрал, поэтому можете накидать в комменты, а завтра уже начнем его реализовывать

PPS. Потрачу это время на подготовку к контенту в среду: express курс во Vue за 1 стрим :D

Приветствую.
Начинаю серию стримов по Elixir-у.
Сегодня освоение синтаксиса и разбираемся, что это за фрукт

https://www.twitch.tv/izede

Всем привет. Немного подпропал ибо происходило много всего интересного.

Но давайте по порядку:
1. Официально подтвердили мое участие в ufadevconf. Начинаю готовиться с докладом "JS которого нет", в котором буду обсуждать заблуждения и мифы вокруг языка JS, а так же как 1 язык существует сразу в нескольких реальностях.

2. Совершенно спонтанно из моей идеи сделать курс по вью и прогнать по нему 1 человека это превратилось в публичную серию лекций по ускоренному изучению Vue за 2 недели (ауф маркетинг XD). Принять участие в нем может любой и совершенно бесплатно, кто напишет мне в лс с просьбой в участии.

Как будет все происходить
1. Мы будем все собираться в районе 17-18 00 по мск на стриме (поэтому +- кто работает будет ок)
2. Будет лекция с вопросами/ответами на 1,5-2ч
3. Будет домашка чтоб быстро закрепить пройденное
4. Будем смотреть прошлую домашку либо по желанию, либо рандомно
5. На финалочку смотрим проект по реализацию real time чата с реактивностью, фильтрами и тп

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

Всем привет. Мне тут прилетело что я тут отдельную оповещалку не делаю про стримы по курсу вью.
Но они идут и уже успешно 4 дня. Сегодня уже запустился 5ый стрим по роутеры и чанкам.

https://www.twitch.tv/izede

Всем доброго времени суток. Сегодня небольшая пауза от курса, пока часть ребят занимаются своими делами/догоняют/повторяют.
Я же анонсирую интервью с создателем Mantine. одной из лучших UI библиотек для React.

Если у вас есть вопросы к создателю. можете их накидать в комменты.
Интервью сегодня в 18:00. Увидимся!

Мы начинаем подкаст с Виталием Ртищевым. Создатель Mantine.

Начинаем с минуты на минуту https://www.twitch.tv/izede

Всем доброго времени суток.
Сегодня продолжаем изучение Vue.
Поговорим о options api и чем options + setup отличается от script setup

https://www.twitch.tv/izede

Всем привет. Сегодня получится лайт-вариант стрима даже уроком не назову

повозимся с Vue-хой поотвечаем на впоросы.
Попишем примитивную "админку" чата.

https://www.twitch.tv/izede

Всем привет.

Сейчас будет не-собес по фронтенд разработке на React. Присоединяйтесь
PS. На 2 следующие недели не-собесы уже будут совсем далеко не по Frontend-у 😏

https://www.twitch.tv/izede

В гостях в супер коротком формате.
Буду крайне предвзят и накидывать кучу субъективщины
Не знаю что можно за 15 мин рассказать по такой теме, но попытаюсь :D
(специально максимально холливарная тема и подача, все ради актива)

Сейчас будет не-собес по GameDev разработке на Unity. Присоединяйтесь
Будет что-то новое

https://www.twitch.tv/izede

А вот и причина, почему стримы пока отложены.
Готовлюсь к данному докладу.
Самой трансляции на конференции не будет ((
Но обещают что через 2-3 недели видео выложат на ютубе

PS. Я помню про 2 заказа висящих на мне
- с меня доклад по v8 (тема ответственная, поэтому хочу подготовиться)
- с меня... flappy bird на 1C (чтобы это ни было....)

Всем привет, какое-то время мы не виделись, но у меня для вас достаточно новостей:
1) скоро выложу доклад с UFADEVCONF
2) сейчас будет предновогодний стрим с SIBERIA CAN CODE
3) на новогодних праздниках будет серия стримов на разные темы

С минуты на минуту начнется совместный контент с Siberiacancode. Где мы проревьювим его код на Vue и поговорим о различных путях решений проблем во фронтенде.
https://youtube.com/live/_z9ZEoluOFQ

твич https://www.twitch.tv/siberiacancode

Поделюсь небольшой радостью
Мой доклад прошел на Holy.js начинаем к нему готовиться.

ПС. в комменты кинул видео с прошлого доклада на UfaDevConf для тех кто еще не видел

И еще раз уж начал о новостях. Вчера поучаствовал в новом для себя деле.
Участвовал в роли спикера на съемках курса по Vue.js
И это прям... супер тяжело :D
почти 6 часов записывали буквально 5 небольших уроков.
Если честно, вышло прям совсем плохо- у меня. Но я и шел туда с целью получить этот болзненный опыт и поднять кач-во контента.
Хотя вряд ли я смогу перед видосами или стримами пол часа делать мейкап (да гриммировали прям по жесткому :D)

Подготовка этого курса как текстовой версии так и видео съела прилично нервов и времени.
Зато узнал много нового и, думаю, смогу в скором времени реализовать его и для вас.

Обычно я не пишу сюда технический материал. Но почему бы и не попробовать.

У меня дико неоднозначные ощущения от TS. Когда он только вышел, то вызывал эйфорию, так как обещалось очень многое...
Но годы идут и уже четкое понимание: этот язык обречен навечно остаться сырым.

На TS взвалили непосильную задачу: решить проблемы с типизацией TS для повышения DX.
А у JS хватает своих приколов: неопределённый тип у this. Почти что угодно может стать чем угодно. Расширение прототипов и тд…

Поэтому у TS крайне сложная модель системы типов которая то и дело дает сбои.

Сегодня я бы подсветил проблему у типа void. Что же он означает?
Что функция ничего не возвращает? Мммм не совсем. Это значит, что результат функции должен игнорироваться.
Те результат функции не должен ни на что влиять.

Делаем пару простых пассов с типами:

function foo(test: boolean): void {
  if (test) {
    // можем делать пустой возврат
    return
  }
  // можем явно возвращать undefined
  return undefined
}

function bar(test: boolean): void {
  if (test) {
    // (ОШИБКА!) другие falsy значения не прокатят
    return false
  }
  // (ОШИБКА!) другие falsy значения не прокатят
  return null
}

Пока вроде все хорошо. Но значит ли что void подобен undefined?
Продолжаем следить за руками

function baz(test: number): void {
  if (test === 0) {
    // результатом функции которая возвращает void может быть вызов функции возвращающий void
    return (function(): void {})()
  } else if (test === 1) {
    // результатом функции которая возвращает void может быть вызов функции возвращающий undefined
    return (function(): undefined {})()
  } else if (test === 2) {
    // (ОШИБКА!) а вот другие функции не пустит
    return (function(): number { return 5 })()
  }
}

Все еще никаких странностей. Но что будет если мы будем принимать ее в качестве аргумента

function qux(cb: () => void) {
    return cb()
}

// все хорошо
qux(function(): void {})

// и все еще все хорошо
qux(function(): undefined {})

// стоп что? Ошибки нет
qux(function(): number { return 5 })

Вот тут уже начинаются странности. И тут уже начинаются расхождения void с undefined. Те мы можем передать как аргумент функции которые возвращают что угодно (да даже never)

// все окей, вызывай функцию
qux(function(): never { throw 5 })

Что же это значит? Да то что любой тип может расширять void? Да нет

type isVoid<X> = X extends void ? true : false

type test1 = isVoid<undefined>
//   ^? true
type test2 = isVoid<null>
//   ^? false
type test3 = isVoid<never>
//   ^? never

Вроде не расширяется. Возвращаемся к нашим функциям и смотрим как расширяются void функции

type isVoidFunction<X> = X extends () => void ? true : false

type test4 = isVoidFunction<() => undefined>
//   ^? true

type test5 = isVoidFunction<() => null>
//   ^? true

type test6 = isVoidFunction<() => never>
//   ^? true

Вот оно как... Но это лишь подводка к главному примеру: void и сложение типов. void по своей сути говорит, что "игнорируй возвращаемое событие". Но если мы его смешиваем с другим значением, то TS закрывает руки и говорит "ну делай что хочешь"

const some = (cb: () => (void | number)) => {
    const value = cb() // void | number

  // отсекаем void
    if (value) {
        value
        //^? number
    }
}

// ожидаем функцию которой все равно что вернет (например для мемоизации)
const example = (cb: () => void) => {
    return cb
}

// и ломаем рантайм к чертям, ибо TS пофиг
// он считает что () => 'hello' это расширение для () => void
// а вот JS пойдет по пути number 
// так как 'hello' пройдет проверку на if (value)
some(example(() => 'hello'))

Вам кажется что тут пассы такие синтетические? Далеко ходить не нужно. union-ы с void вполне используются в коде React-а для useEffect

type Arg = Parameters<typeof useEffect>[0]
//    ^? () => void | Destructor

// Нет проблем. вот вам async коллбек для useEffect
// Конечно он не будет работать как надо, но TS доволен
useEffect(example(async () => {}), [])