powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / покритикуйте bso
25 сообщений из 50, страница 2 из 2
покритикуйте bso
    #39221282
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВстрока if ("development" !== 'production') встречается 112?
Почему не заменить просто на true? :)

Потому что true не говорит не о чём, а эта строка говорит. По-моему очевидней некуда.
...
Рейтинг: 0 / 0
покритикуйте bso
    #39221309
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVostt
Потому что true не говорит не о чём, а эта строка говорит. По-моему очевидней некуда.
Это ведь константное выражение, скорее всего ноги растут из автогенерации кода...
...
Рейтинг: 0 / 0
покритикуйте bso
    #39221314
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВЭто ведь константное выражение, скорее всего ноги растут из автогенерации кода...

Bingo!
...
Рейтинг: 0 / 0
покритикуйте bso
    #39221331
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttЕвгенийВ,

Посмотри как-нибудь на досуге Mithril .
Посмотри как нибудь на досуге Vanilla JS !
...
Рейтинг: 0 / 0
покритикуйте bso
    #39221398
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВhVosttЕвгенийВ,

Посмотри как-нибудь на досуге Mithril .
Посмотри как нибудь на досуге Vanilla JS !
Если серьезно, я много чего пересмотрел, например еще Vcl.js .
Конкретно в Mithril нет строгой типизации, а значит контроля детских ошибок, например можно написать return m("diw", [ и в лучшем случае получим ошибку времени выполнения, в худшем тег diw, который браузер проигнорирует.
У меня такого нет, например хочу тег bdo - вызываю функцию bdo, которая вернет HTMLPhraseElement, у которого в отличии от HTMLElement есть пара дополнительных свойств
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
 /**
      * Sets or retrieves reference information about the object.
      */
    cite: string;
    /**
      * Sets or retrieves the date and time of a modification to the object.
      */
    dateTime: string;


Я не преследую реализацию mvc/mvvp, я преследую строгую типизацию и уход от поиска по строковому ключу.
...
Рейтинг: 0 / 0
покритикуйте bso
    #39221712
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВskyANAА так доступ к вожделенному Вами диву:
Код: javascript
1.
var div = React.findDOMNode<HTMLDivElement>(this.refs["secondsElapsedContainer"]);



Я наоборот бегу от таких штук
Код: javascript
1.
var val = $('div[id^=subparagraphs] textarea[id^=taWordingQuestion]', div).val();


На самом деле в конкретном рассматриваемом нами случае, можно обойтись и без ref, так как React.findDOMNode(componentInstance) возвращает внешний DOM узел, возвращаемый в методе render().
То есть свободно можно написать так:
Код: javascript
1.
var div = React.findDOMNode(this)


Ну и вернуть DOM узел соответсвующий компоненту по ссылке - это не тоже самое, что найти элементы, удовлетворяющие селектору.

ЕвгенийВskyANAВы же разрабодчик с опытом, а проблему описываете как вчерашний студент :) Дайте больше конкретики.
Я действительно не понимаю, почему в этом файле
https://facebook.github.io/react/js/react.js
строка if ("development" !== 'production') встречается 112?
Почему не заменить просто на true? :)
А ты загляни в минифицированный файл https://fb.me/react-15.0.1.min.js :)
...
Рейтинг: 0 / 0
покритикуйте bso
    #39221879
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВПосмотри как нибудь на досуге Vanilla JS !

А как же православный ассемблер?

ЕвгенийВКонкретно в Mithril нет строгой типизации, а значит контроля детских ошибок, например можно написать return m("diw", [ и в лучшем случае получим ошибку времени выполнения, в худшем тег diw, который браузер проигнорирует.

Какое же это имеет отношение к типизации? Это вообще-то просто синтаксис, и проблему выявит простейшие тесты.

Строгая типизация, это когда что-то куда-то надо передать, и это что-то должно отвечать определённым требования (типу).

ЕвгенийВУ меня такого нет, например хочу тег bdo - вызываю функцию bdo, которая вернет HTMLPhraseElement, у которого в отличии от HTMLElement есть пара дополнительных свойств

Ну тогда HTML сам по себе уже является самодостаточным языком, и не стоило так напрягаться. Хочешь тег bdo? Пишешь <bdo...> и у него также есть свои дополнительные свойства. А правильный редактор кода тебе и ошибку покажет и подскажет.

В чём профит-то? У virtual dom библиотек фишка в том, что ты фигачишь некоторое количество отлаженных компонент, а потом из них строишь прикладной UI. Это работает очень быстро. Какие там могут быть проблемы, если ты не пихаешь логику в UI и не пишешь её как монолитный компонент -- ведь в таком случае тебя никакая супер-мега-типизация с блекджеком и шлюхами не спасёт, это заведомо труп.
...
Рейтинг: 0 / 0
покритикуйте bso
    #39222110
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttНу тогда HTML сам по себе уже является самодостаточным языком, и не стоило так напрягаться.Этот напряг ради генерации разметки в скрипте. Чтобы уйти от этой порнографии - innerHTML = "<div>".
...
Рейтинг: 0 / 0
покритикуйте bso
    #39222216
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVostt Какие там могут быть проблемы, если ты не пихаешь логику в UI и не пишешь её как монолитный компонент -- ведь в таком случае тебя никакая супер-мега-типизация с блекджеком и шлюхами не спасёт, это заведомо труп.
А почему бы не запихнуть логику относящаюся к UI в UI? Тем более это функция возвращающая результат (HTMLElement)? Тем более это легко можно тестировать, от примитивных тестов, типа
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
class Test1
{
    private label: HTMLLabelElement;
    public Element(): HTMLDivElement
    {
        return div(EmptyAction,
            () => label(t=> { this.label = t; }),
            () => button(t=>
            {
                t.textContent = 'Кнопка1';
                t.onclick = me=>
                {
                    this.label.textContent = 'Хвост';
                };
            }));
    }
}
window.onload = ev=> {
    var e = new Test1().Element();
    document.body.appendChild(e);
    (e.childNodes[1] as HTMLButtonElement).click();
    var text = (e.childNodes[0] as HTMLLabelElement).textContent;
    if (text == 'Хвост') {
        alert('Тест прошел');
    }
    else {
        alert('Тест не прошел');
    }
}


Причем в отличии от связки HTML+JavaScript доступ к предкам и потомкам по номеру приветствуется, ибо сам по себе тестирует структуру, которую мы пытаемся изначально заложить.
До архимегасложных тестов типа этого .
Можно конечно еще насувать "логики", но тут все на совести программиста. Встречаются как "умельцы" которые все помещают в *.cshtml в asp.net mvc, так и те, которые грамотно делят делят на слои webform приложение.

skyANAНу и вернуть DOM узел соответсвующий компоненту по ссылке - это не тоже самое, что найти элементы, удовлетворяющие селектору.

Я пытаюсь уйти от строк в коде, веть даже наш великий кормчий Андерс Хейсберг указывает нам путь, введя в C# nameof!
skyANAА ты загляни в минифицированный файл https://fb.me/react-15.0.1.min.js :)
Еще бы, я бы удивился если бы это было не так, Цукенберг то там нормально башляет :)
А вообще над минификацией надо думать... Существующие решения позволят минифицировать такое?
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
var Test = (function () {
    function Test() {
        var _this = this;
        this.test = div(function (t) {
            _this.prn = t;
        }, function () { return div(EmptyAction, function () { return div(EmptyAction, function () { return div(function (x) {
            _this.prn;
        }); }); }); });
    }
    return Test;
})();
...
Рейтинг: 0 / 0
покритикуйте bso
    #39222265
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВА почему бы не запихнуть логику относящаюся к UI в UI?

Потому что в UI не должно быть логики. Если не придерживаться этой стратегии разработки, то и «типизированные UI» тебе не особо поможет. Ничего не поможет, это заведомо плохой путь по дорожке, выложенной граблями.

На стороне клиента я размещаю логику отдельно от UI: если у меня меняется состояние модели, я в модели знать не знаю, как меняется вид UI, из каких элементов вообще состоит UI, какого он цвета и как он выглядит.

Поэтому мне не нужна никакая типизация дивов и их атрибутов. Она ничего не решает, и не увеличивает эффективность разработки. Компоненты пишутся один раз и потом просто используются.

Если я сегодня буду в логике UI возиться с элементами HTML (не важно, типизировано или нет), то это деградация. Пришли к тому, от чего долго и упорно уходили.
...
Рейтинг: 0 / 0
покритикуйте bso
    #39222273
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AntonariyЭтот напряг ради генерации разметки в скрипте. Чтобы уйти от этой порнографии - innerHTML = "<div>".

Так ушли уже. Про virtual dom уже вроде как сказали. Если проблема в том, что типа можно написать так: m("diw"... — ну это абсолютно нормально, так как компоненты инкапсулируют внутри себя VDOM, он отлаживается и больше не трогается. Это не прикладной код, нет нужды в «типизированном» чекинге, никакой. Бред какой-то. Проблема высосана из мизинца левой ноги.
...
Рейтинг: 0 / 0
покритикуйте bso
    #39222322
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVostt
Потому что в UI не должно быть логики.
Что по твоему есть UI?
...
Рейтинг: 0 / 0
покритикуйте bso
    #39222919
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВhVosttПотому что в UI не должно быть логики.
Что по твоему есть UI?

Внешний вид: элементы управления и визуализация данных — то, что видит и с чем взаимодействует пользователь.

В современных веб приложениях, которые иногда называют SPA, существует буквальное разделение на фронт (всё, что происходит на клиенте) и бек (всё, что происходит на сервере). В свою очередь на фронте существует формальное разделение: клиентская логика приложения и пользовательский интерфейс (UI) — это вполне себе самостоятельные части, которые могут существовать независимо, не смотря на то, что исполняются они в одном контексте (браузер).

Таким образом логику можно писать и тестировать независимо от интерфейса, без малейшего понятия о манипуляциях с DOM, грубо говоря логике должно быть абсолютно параллельно как ты там кнопку нарисовал: одним button, или сложным комплексом вложенных друг в друга div, или вообще это клякса, нарисованная на канвасе, может это вообще не кнопка, а жест мышью/пальцем.

И в тоже самое время UI можно писать в отрыве от логики и тестировать, не ожидая, когда бекендщики постараются, чтобы предоставить тебе рабочий API с необходимыми для прогона тестов данными. В UI нет логики, кроме логики анимации и поведения самого интерфейса: упираем мышь в левый край — выезжает меню, уводим — меню скрывается, и т.п. Чтобы замонстрячить такое поведение, надо ОДИН раз написать компонент, отладить его, и заниматься другими делами. Написание таких компонентов — это НЕ прикладной код, он не может быть им по определению. Поэтому так называемая «теговая типизация» бесполезна, и поэтому её нет в мейнстримах. Догадайся почему так, может она задаром никому не упала?

Класть клиентскую логику на теги — это не просто прошлый век, это тупиковый путь для разработчика, деградация. Много пота и программерской крови было пролито на клавиатуры, но похоже ещё будет поломано не мало копий. Ээээх...
...
Рейтинг: 0 / 0
покритикуйте bso
    #39223175
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВskyANAНу и вернуть DOM узел соответсвующий компоненту по ссылке - это не тоже самое, что найти элементы, удовлетворяющие селектору.

Я пытаюсь уйти от строк в коде, веть даже наш великий кормчий Андерс Хейсберг указывает нам путь, введя в C# nameof!
А где тут строки в коде?
Код: javascript
1.
var div = React.findDOMNode(this)


А это
Код: javascript
1.
var div = React.findDOMNode<HTMLDivElement>(this.refs["secondsElapsedContainer"]);


ну заменяется же так
Код: javascript
1.
var div = React.findDOMNode<HTMLDivElement>(this.refs.secondsElapsedContainer);


ЕвгенийВА вообще над минификацией надо думать... Существующие решения позволят минифицировать такое?
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
var Test = (function () {
    function Test() {
        var _this = this;
        this.test = div(function (t) {
            _this.prn = t;
        }, function () { return div(EmptyAction, function () { return div(EmptyAction, function () { return div(function (x) {
            _this.prn;
        }); }); }); });
    }
    return Test;
})();


А что мешает попробовать?

Из этого
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
var Test = (function () {
    function Test() {
        var _this = this;
        this.test = div(function (t) {
            _this.prn = t;
        }, function () { return div(EmptyAction, function () { return div(EmptyAction, function () { return div(function (x) {
            _this.prn = x;
        }); }); }); });
    }
    return Test;
})();

window.Test = Test;


получается вот что
Код: javascript
1.
window.b=function(){var c=this;this.test=div(function(a){c.a=a},function(){return div(EmptyAction,function(){return div(EmptyAction,function(){return div(function(a){c.a=a})})})})};


Наверняка и EmptyAction минифицируется. Как оно определено?
...
Рейтинг: 0 / 0
покритикуйте bso
    #39224591
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAНаверняка и EmptyAction минифицируется. Как оно определено?
Код: javascript
1.
2.
function EmptyAction(el: HTMLElement): void
{ }


Я вообще про бесконечные
function и return.
будем ждать поддержки ES-2015, такой код не во всех браузерах работает(
Код: javascript
1.
let inc = x => x+1;


пока только так
Код: javascript
1.
let inc = function(x) { return x + 1; };



skyANA
[/src]
ну заменяется же так
Код: javascript
1.
var div = React.findDOMNode<HTMLDivElement>(this.refs.secondsElapsedContainer);


А если таких 100500?
...
Рейтинг: 0 / 0
покритикуйте bso
    #39224604
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVostt,
Я тоже предлагаю создавать компоненты, как например выше Pager.
Не все приложения состоят из отображения/изменения БДешных банных.
Вот попробуй со всем своим виртуальным DOM сделай тот же datetimepicker? Может еще и реально, но придется тащить с собой тот же React.
А попробуй Visual Studio Code? Просто не реально же!
...
Рейтинг: 0 / 0
покритикуйте bso
    #39225092
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВskyANAНаверняка и EmptyAction минифицируется. Как оно определено?
Код: javascript
1.
2.
function EmptyAction(el: HTMLElement): void
{ }


Я вообще про бесконечные
function и return.
будем ждать поддержки ES-2015, такой код не во всех браузерах работает(Зачем ждать, когда есть тот же babel?

ЕвгенийВskyANA[/src]
ну заменяется же так
Код: javascript
1.
var div = React.findDOMNode<HTMLDivElement>(this.refs.secondsElapsedContainer);


А если таких 100500?Если таких 100500, то значит React используется через одно место.
...
Рейтинг: 0 / 0
покритикуйте bso
    #39225095
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВhVostt,
Я тоже предлагаю создавать компоненты, как например выше Pager.
Не все приложения состоят из отображения/изменения БДешных банных.
Вот попробуй со всем своим виртуальным DOM сделай тот же datetimepicker?
https://egghead.io/lessons/react-using-react-with-the-fullcalendar-jquery-plugin#/tab-code
...
Рейтинг: 0 / 0
покритикуйте bso
    #39225185
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAЗачем ждать, когда есть тот же babel?
Речь про миминизацию, он развернет в то, от чего я хочу уйти.

skyANAЕсли таких 100500, то значит React используется через одно место.
А если нужно, например Ribbon, который меняется от контекста и от самого же себя.

skyANA https://egghead.io/lessons/react-using-react-with-the-fullcalendar-jquery-plugin#/tab-code
А есть ссылка, где средствами react создается нечто аналогичное fullCalendar jQuery plagin, а не используется готовый fullCalendar jQuery plagin? Это немного разные вещи...
...
Рейтинг: 0 / 0
покритикуйте bso
    #39225190
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВ, что-то я перестал понимать смысл обсуждения. Вместо развёрнутых аргументов начались какие-то "а если".

Вы пробовали на React сделать Ribbon и у Вас не получилось? Почему? А на bso получилось, где посмотреть?
...
Рейтинг: 0 / 0
покритикуйте bso
    #39225192
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВА есть ссылка, где средствами react...
http://www.material-ui.com/#/components/date-picker
...
Рейтинг: 0 / 0
покритикуйте bso
    #39225438
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAЕвгенийВА есть ссылка, где средствами react...
http://www.material-ui.com/#/components/date-picker
Выше я писал, что допускаю возможность создания датапикера на реакт.
В итоге имеем поделку состоящую из 12 файлов размером 47 780 байт, которые ссылаются на еще файлы в других папках, с невозможностью выбрать дату раньше 27 апреля 1916 года (вдруг мне надо вбить дату рождения бабушки?), без возможности выбрать время, без возможности локализации. При чем если демку открыть в 2 вкладках хрома, работает только в одной, в другой путает левую и правую кнопки мыши. Если в самое ближайшее время не доработают - пойдет на обочину истории.
...
Рейтинг: 0 / 0
покритикуйте bso
    #39225451
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAЕвгенийВ, что-то я перестал понимать смысл обсуждения. Вместо развёрнутых аргументов начались какие-то "а если".

Вы пробовали на React сделать Ribbon и у Вас не получилось? Почему? А на bso получилось, где посмотреть?
А что? надо попробовать! Хорошая мысль)
...
Рейтинг: 0 / 0
покритикуйте bso
    #39226091
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ЕвгенийВskyANAпропущено...

http://www.material-ui.com/#/components/date-picker
Выше я писал, что допускаю возможность создания датапикера на реакт.
В итоге имеем поделку состоящую из 12 файлов размером 47 780 байт, которые ссылаются на еще файлы в других папках, с невозможностью выбрать дату раньше 27 апреля 1916 года (вдруг мне надо вбить дату рождения бабушки?), без возможности выбрать время, без возможности локализации. При чем если демку открыть в 2 вкладках хрома, работает только в одной, в другой путает левую и правую кнопки мыши. Если в самое ближайшее время не доработают - пойдет на обочину истории.
И чё? :)
...
Рейтинг: 0 / 0
покритикуйте bso
    #39226093
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вообщем к чёрту флейм, пойду из этого топика.
...
Рейтинг: 0 / 0
25 сообщений из 50, страница 2 из 2
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / покритикуйте bso
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]