« first day (2236 days earlier)      last day (795 days later) » 

A K
A K
8:27 AM
 
A K
A K
9:27 AM
Всем привет. Вопрос скорее по typescript и react'у, чем по asp.net core (хотя исходный проект это dotnet new reductredux, но спрошу здесь, т.к. в q&a секции запинают ногами про opinion based...
В неткоровской версии шаблона react-приложения из коробки доступен npm пакет reactasp, который позволяет писать такой код: 
return (
    <React.Fragment>
        <h1 id="tabelLabel">Создание новой группы</h1>
        <Form onSubmit={this.handleSubmit}>
            <FormGroup>
                <Label for="title">Группа</Label>
                <Input type="text" name="title" id="title" onChange={this.handleChange}/>
            </FormGroup>
            <Button>Submit</Button>
        </Form>
    </React.Fragment>
);
Хотел поговорить про плюсы-минусы такого подхода по сравнению с тем, чтобы писать чистый html: 
        <form onSubmit={this.handleSubmit}>
            <div>
                <label for="title">Группа</Label>
                <input type="text" name="title" id="title" onChange={this.handleChange}/>
            </div>
            <button type="submit">submit</button>
        </form>
С моей точки зрения учить ещё одну разметку - так себе идея, лучше писать на общепонятном всем html без лишних заморочек.
Есть ли какие-то плюсы в подобном подходе или минусы, которые я не вижу?
 
 
1 hour later…
Grundy
Grundy
10:40 AM
@AK так-то у тебя не чистый html :)
собственно, а в чем разница между первым и вторым кодом?
 
A K
A K
@Grundy В лишнем уровне абстракций
 
Grundy
Grundy
@AK этак ты взял и сказал что все framework'и не нужны :) ни material design, ни bootstrap ни любые другие :)
собственно, так как это все jsx - разницы в уровне абстрации нет. По сути вся разница только в том, что в одном случае ты пишешь с маленькой буквы тег, в другом с большой ¯\_(ツ)_/¯
 
A K
A K
10:56 AM
@Grundy не, я не Grundy вот он бы мог сказать, что фреймворки не нужны :) я пытался нащупать тот профит, который появляется (если появляется) при введении лишних абстракций. Вот я ткнул в <Form - по факту это оказался класс, некоторые даже утверждают, что IDE даёт кучу подсказок (у меня нет)
 
Grundy
Grundy
@AK профит очевиден - удобство использования
 
A K
A K
@Grundy Я извиняюсь, если кому-то очевидно, но лично мне совершенно непонятно. В фронтенде какое-то вавилонское смешение языков: все могли бы говорить на языке html, но по факту есть куча диалектов и явное неудобство в том, что ты ещё должен помнить в каком языке писать css через дефис, а где в camelCase -- так себе удобство
 
Grundy
Grundy
@AK дай ссылку на документацию к этому пакету :)
и не стоит забывать, что компоненты обычно комплексные, а не просто обертка над нативным :)
 
A K
A K
 
Grundy
Grundy
@AK эм? это говорит бэкендщик, у которого языков больше чем библиотек во фронтенде? :):):)
@AK а вроде какая-то другая библиотека была
> reactasp
 
A K
A K
11:02 AM
@Grundy видимо опечатался когда по памяти писал. Но можно посмотреть допустим вот сюда - это я недавно записал себе на память: К слову, в React для удобной работы с формами уже набрали популярность 3 отличных библиотеки. Это Formik, Redux Form и React Hook Form.
 
Grundy
Grundy
@AK и несколькими комментариями выше ты написал что они не нужны, так как лишний слой абстракции :)
 

« first day (2236 days earlier)      last day (795 days later) »