Добавить чтение параметров #12
Conversation
| error: boolean | ||
| } | ||
|
|
||
| export class ParameterComponent<T> extends React.Component<ParameterProps<T>, State<T>> { |
There was a problem hiding this comment.
Классовые компоненты - зло.
Давай перепишем на функциональные?
А ещё кажется что это не должно быть в lib
в lib скорее должно быть всё что нужно для алгоритмов
Давай компоненты для отрисовки вынесем в папочку components и будем делать по одному семантически важному компоненту в файле?
There was a problem hiding this comment.
Да, парадигма реакта сложная
Но в то же время достаточно простая и минималистичная.
Нужно просто немного по-другому думать.
Если нужно - я могу это доделать
There was a problem hiding this comment.
- если мы вынесем это из lib то можно будет более логично описать стили для того чтобы сделать красиво
| return <div> | ||
| <button onClick={() => doStart([[5, 4, 3, 2, 1]], false)}>Start</button> | ||
| <button onClick={() => doStart([[5, 4, 3, 2, 1]], true)}>Run Full</button> | ||
| <ul>{components}</ul> |
There was a problem hiding this comment.
Когда рисуешь список компонентов каждому нужно указывать key=...
|
|
||
| const propArr = { | ||
| label: "массив", | ||
| value: new Arr<number, Num>(new Num()) |
There was a problem hiding this comment.
Семантически непонятно - зачем передавать сначала number - тип, а потом Num - класс который по сути боксит значение при валидации
Может переименуем классы в ValidNum или SafeNum или во что то другое?
| value: new Arr<number, Num>(new Num()) | ||
| } | ||
|
|
||
| const components = [<ParameterComponent<number[]> {...propArr} />].map((v) => <li>{v}</li>); |
There was a problem hiding this comment.
Если честно, то такая конструкция мне немного режет глаза :)
Давай перенесем map в return?
Или сделаем компонент для того чтобы рендерить несколько параметров через children?
Там же можно будет и стили накидать
|
Отличная работа! |
|
Переоткрываю PR чтобы стриггерить деплой на github pages |
|
Ещё раз |
Так я сделал какой-то набросок по вводу параметров,
В принципе я добавил компонент для ввода и три валидатора для string, number и array.
Опыта особо с ts нет, поэтому не особо знаю всяких его соглашений и тп, так что можно смело ревьюить по полной
#1