Fable: Атрибут для компиляции аргументов как JS-объекта

Созданный на 30 окт. 2018 · 3Комментарии · Источник: fable-compiler/Fable

Новые дополнения к React (памятки, хуки) указывают на то, что сообщество будет больше двигаться в сторону функций как компонентов, а не классов. Это хорошая новость для нас, потому что синтаксис класса в F # для этой цели немного многословен. Однако есть еще кое-что, что мы можем сделать, чтобы улучшить впечатления.

На FableConf @vbfox предложил включить атрибут для компиляции аргументов как JS-объекта, поэтому нам не нужно объявлять запись каждый раз, когда мы хотим определить функциональный компонент с помощью props. Так что вместо:

type MyProps = { key: string; value1: int; value2: float[] }

let MyComponent (props: MyProps) =
    div [] [...]

// Use
ofFunction MyComponent { key = "foo"; value1 = 5; value2 = [] } []

Мы могли бы написать:

let [<MagicAttribute>] MyComponent (key: string) (value1: int) (value2: float[]) () =
    div [] [...]

// Use?
ofFunction2 (MyComponent "foo" 5 []) []

Я только заметил, что мы забыли обсудить, как это будет называться. В приведенном выше примере я просто добавил аргумент unit в конце, чтобы предотвратить выполнение, но могут быть и другие способы.

В принципе, я хотел по возможности избежать магических атрибутов в F #, но в данном случае это могло быть оправдано. Альтернативой может быть просто подождать, пока анонимные записи не войдут в F #. Они могут решить эту ситуацию, и мы будем соответствовать стандарту F #, и, похоже, они появятся на ранних этапах превью F # .

discussion

Источник

alfonsogarciacaro

Самый полезный комментарий

Анонимные записи по-прежнему довольно подробны:

// Declaration
let userView = namedMemo "User" (fun ({| UserId: string; Name: string |}) ->
    a [Href (sprintf "/%s/" props.UserId)] [str props.Name])

// Usage
ofElementType userView { UserId = "vbfox"; Name = "Julien Roncaglia" } []

Нормальные записи:

// Declaration
type UserViewProps = { UserId: string; Name: string }
let userView = namedMemo "User" (fun props ->
    a [Href (sprintf "/%s/" props.UserId)] [str props.Name])

// Usage
ofElementType userView { UserId = "vbfox"; Name = "Julien Roncaglia" } []

Но чем больше я думаю о своем предложении, тем больше я вижу проблем с ним ... Даже с таким примитивом он позволил бы работать функциональным компонентам, но не обернутым, таким как memo, поскольку имена аргументов будут потеряны из компилятора :(: (:(

Думаю, вы можете закрыть этот @alfonsogarciacaro. Я

vbfox 30 окт. 2018

👍2 😄1

Все 3 Комментарий

Альтернативой может быть просто подождать, пока анонимные записи не войдут в F #.

Поскольку проблема уже решена в части F #, а в Fable уже есть альтернатива путем определения записи, я бы посоветовал подождать, пока у нас не появятся анонимные записи. В противном случае вы добавите только функцию, которая будет удалена в ближайшем будущем, не говоря уже о том, что она должна быть реализована, протестирована, задокументирована, добавлена с некоторыми примерами, и пользователям нужно будет изучить еще один атрибут рядом с их арсеналом причуд Fable, который делать javascripty вещи

Zaid-Ajaj 30 окт. 2018

👍2

Я за ожидание анонимной записи F #

MangelMaxime 30 окт. 2018

Анонимные записи по-прежнему довольно подробны:

// Declaration
let userView = namedMemo "User" (fun ({| UserId: string; Name: string |}) ->
    a [Href (sprintf "/%s/" props.UserId)] [str props.Name])

// Usage
ofElementType userView { UserId = "vbfox"; Name = "Julien Roncaglia" } []

Нормальные записи:

// Declaration
type UserViewProps = { UserId: string; Name: string }
let userView = namedMemo "User" (fun props ->
    a [Href (sprintf "/%s/" props.UserId)] [str props.Name])

// Usage
ofElementType userView { UserId = "vbfox"; Name = "Julien Roncaglia" } []

Думаю, вы можете закрыть этот @alfonsogarciacaro. Я

vbfox 30 окт. 2018

👍2 😄1

Была ли эта страница полезной?

0 / 5 - 0 рейтинги