ну по всей видимости в any :) типа зачем типизация если юзаем any везде

не, не, обнови гист, я ее просто не убрал :)

вот, еще раз обновил

ну тогда и тут const dottedPrefix = prefix ? ${prefix}. : ''; проверку убери)

не, тут все ок

это ж не типы

просто тернарка

ну он же так и так уже nullable не будет, по умолчанию строкой пустой

правильно - я проверяю на пустую строку

а, там точку не заметил

если пустая строка - оставить пустой строкой, если непустая - дописать спереди точку

Давайте спросим typescript - все ли ок с этим кодом

http://bit.ly/2jIZ6Ha

typescript не имеет никаких возражений

для тех кто не в курсе - я просто указал что на входе функции объект, ключи которого - строки, а значениями может быть все что угодно (в typescript это записывается как {} )

ну если в опциях песочницы поставить все чекбоксы то одна ошибка появляется

там где noImplicitAny это ошибка что он не может тип вывести

а, ок)

теперь возьмем flow

скопируем тот же код, только вместо {} используем слово mixed (это аналог {} во flow)

http://bit.ly/2jXMhYY

а вот flow абсолютно корректно ударил меня по рукам: он говорит - уважаемый, а ты забыл что null это тоже object и ты попытаешься выполнить его flatten

ребзь, что посоветуете для обычного логера? чтобы console.log не писать

а, всмысле что свойство может быть, а вот значение у него Null и мы тогда будем пытаться его плоским делать

ага

и вот в этом проявляется бесполезность typescript. Да, конечно приятно иметь автокомплит по полям каким нибудь описанных в типах, но блин - это же простейшая ошибка

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

в общем если выбирать чем типизировать то лучше Flow?

а чем под вебпак flow потом собирать

у Flow в разы более мощная система ВЫВОДА типов. Т.е. когда flow понимает без единого типа в коде что за фигня там может быть

у Typescript сейчас конечно понаписали библиотек типов для популярных библиотек, в этом его сильная сторона

кстати сам Vue использует flow

https://www.youtube.com/watch?v=GEo3XIJw8HM

минута самопиара - я там 50 минут разношу typescript в пух и прах )

?

звук дребезжит немного

там пару минут

дальше лучше

орги балбесы запись экрана не вставили, хотя я им прислал ее :)

@xanf_ua А покажи свой типичный компнент на flow с this.$router и this.$store ☺️

ни то ни то не использую :)

https://gist.github.com/Fl0pZz/1944cd7b7a409fcb81962510230da355 пока тут есть активность, можете глянуть? как в методы передать функцию, реализованную вне компоненты, но чтоьы ее можно было вызывать через this?

А какой у нее вообще this? window? methods: { creator: creator.bind(this) }

ни то ни то не использую :)

Ну тогда с каким-нить методом с данными из data (на flow)

@gmtyllo https://gist.github.com/xanf/8eea0715ea516c819aed18553d4f1875

@gmtyllo так оно прибиндит точно не тот this

Даже в 1080 не понять что там после ReduxAction написано ?

мутный код какой-то

А какой у нее вообще this? window? methods: { creator: creator.bind(this) }

Нет, не window, а компоненты

Даже в 1080 не понять что там после ReduxAction написано ?

просто & и на нем курсор стоит

нет, курсор уже в другом месте)

мышиный

наверное шрифт такой, не узнать непосвященным)

а

:D

шрифт та самая PragmataPro, ее тут недавно вспоминали

теперь какой-то код пишешь, а его не показывают толком)

о, наконец

с написанием switch прикольный глюк) раза три пишешь и удаляешь)

flv-шка с кодом непожатая 999метров

лью на дропбокс )

да ладно) думаю суть уловить ролика достаточно будет)

@alex_sokolov https://www.dropbox.com/s/pq642l9hy7g1dot/kharkivjs.flv?dl=0

а черт

ERROR: S client not available

дропбокс бесполезный :( первые 15 минут

чтоб полностью - надо скачать

спасибо!

надо будет сесть залить на youtube нормальную версию, но лениво

Кстати, по теме канала - поймал неприятный баг со <style scoped> в Vue

минута самопиара - я там 50 минут разношу typescript в пух и прах )

а почему на английском?

@vladimirdotk https://youtu.be/WlB4fSy1RL0?t=747

там ссылка с таймстампом и там ответ :)

как сделать компоненту без template?

просто его не объявлять?

а зачем такая штука?

делаю компоненту с уведомлениями, у нее просто нет шаблона, потому что вызвается toast из materialize

вся логика перенесена в vuex, а в ней просто свистелки перделки сделаны

Кстати, по теме канала - поймал неприятный баг со <style scoped> в Vue

что за баг?

а все, нашел ошибку :D

неверный путь прописал, когда компоненту импортил

что за баг?

Есть компонент А, который допустим объявляет в style scoped классы .foo и .bar Этот компонент A рендерит компонент B следующим образом <b class="foo"> В компоненте B тоже в style scoped объявлены классы допустим .foo и .baz и используется где-то в глубине. Темплейт B такой <div class="baz">.... тут пофигу</div> Что происходит. vue навешивает data аттрибут на компонент A. Допустим это data-1. Поскольку на компоненте B есть scoped стиль foo на нем тоже будет аттрибут data-1 Теперь vue смотит на компонент B. У него тоже есть scoped стили, поэтому на B будет навешаны дата аттрибуты data-2 В итоге B будет по факту отрендерен как <div class="foo baz" data-1 data-2> (один класс пришел от А, второй от B и два дата аттрибута от scoped стилей) И тут мы увидим как на B сработает scoped-стиль foo из B - хотя ж он не должен. Мы его не навешивали.

issue им запилишь?)

они тут ни при чем

хмм, по всей видимости из-за vuex-persistedstate

@xanf_ua помоему ты там выше писал, что что-то подобное было, да?

Если ты используешь persistedstate то данные должны быть сериализуемые

С set не прокатит

Вот, реальный пример. Задача следующая. Есть апишка, которая генерирует ответы с глубокой вложенностью: { a: { b: [1, 2, 3], c: {u: 4} }, d: 5} Необходимо превращать это в плоский объект: { 'a.b': [1, 2, 3], 'a.c.u': 4, 'd': 5 }

О, а я наоборот делал

Ты обращаешься к state.notices. Ты хранишь в сторе функцию? Откуда set?

хмм, а стоит ли ее хранить в этом сторе?

Вот и я не понимаю

понятно, что по хорошему надо, но сериализовать каждый раз весь map - говнокодерство

Очевидно, что хром