Size: a a a

2021 February 15

EO

Eugene Obrezkov in Frontend UA
Oleh Aloshkin
export interface A {
 component: 'div'
 a: string
}

export interface B {
 component: 'span'
}
Interface common {
 component: “div” | “span”
}
источник

EO

Eugene Obrezkov in Frontend UA
От common делаешь A и B
источник

EO

Eugene Obrezkov in Frontend UA
Где component уже явно указан который должен быть
источник

EO

Eugene Obrezkov in Frontend UA
И экспортируешь и используешь юнион их export A | B
источник

EO

Eugene Obrezkov in Frontend UA
Когда этот юнион давать компонентам, то тс посмотрит и такой «ага, там tagged union, у этого объекта component: “div” значит возьму тип такой-то»
источник

OA

Oleh Aloshkin in Frontend UA
Так а если есть компонент в котором не нужен component?
источник

OA

Oleh Aloshkin in Frontend UA
Он пойдет типо к дефолтным?
источник

EO

Eugene Obrezkov in Frontend UA
Oleh Aloshkin
Так а если есть компонент в котором не нужен component?
Тогда можно добавить явно ещё undefined и сделать тип на кейс когда нету
источник

EO

Eugene Obrezkov in Frontend UA
Какие поля там есть в таком случае
источник

EO

Eugene Obrezkov in Frontend UA
И добавить тоже в юнион
источник

OA

Oleh Aloshkin in Frontend UA
Тогда получается что в тех компонентах где не нужен какой-то prop он будет валяться мусором как undefined
источник

OA

Oleh Aloshkin in Frontend UA
Тогда проще может сделать через defaultProps
источник

OA

Oleh Aloshkin in Frontend UA
Oleh Aloshkin
Тогда получается что в тех компонентах где не нужен какой-то prop он будет валяться мусором как undefined
Или нет?
источник

EO

Eugene Obrezkov in Frontend UA
Oleh Aloshkin
Тогда проще может сделать через defaultProps
Это уже особенности реакта, я хз что там и как)
источник

EO

Eugene Obrezkov in Frontend UA
Если что, этот финт о котором я рассказываю, он не обязателен, в большинстве случаев должно и без общего типа со всеми вариантами
источник

EO

Eugene Obrezkov in Frontend UA
Но если не работает, то ещё пробуют в общий вынести
источник

DB

Dima Bildin in Frontend UA
Eugene Obrezkov
Ну например component: “div” | “text”
Да ну эт чё-т как-то в общем интерфейсе это всё описывать. Тогда каждый наследник новый будет предполагать сходить в родителя это добавить
источник

EO

Eugene Obrezkov in Frontend UA
Dima Bildin
Да ну эт чё-т как-то в общем интерфейсе это всё описывать. Тогда каждый наследник новый будет предполагать сходить в родителя это добавить
Так и есть
источник

Вт

Ві тя in Frontend UA
Ostap Chervak
Всім привіт!

Завтра о 18:00 в клаубхаусі ми з @olevzhynskyi будемо говорити про секюріті в фронтенді і його важливосіті. Поговоримо про нещодавні знайдені дирки ітдтп.

https://www.joinclubhouse.com/event/m2nADKqm

У мене є 2 інвайта, кожен хто зайде, зможе також видати 2. Думаю, зможемо приєднати всіх хто захоче.

Долучайтесь, поговоримо!
У мене є один інвайт якшо кому треба ще
источник

Вт

Ві тя in Frontend UA
Ihor Levchenko
а..
у меня сторибук это основное отображение всех компонентов и всего и вся, первичный девелопмент контейнеров и мелких компонентов именно там ведется

а потом уже они в боевой проект добавляются
Свой сторибук пишется за вечер мне кажется, наверняка уже есть альтернативы
источник