Этот баннер — требование Роскомнадзора для исполнения 152 ФЗ.
«На сайте осуществляется обработка файлов cookie, необходимых для работы сайта, а также для анализа использования сайта и улучшения предоставляемых сервисов с использованием метрической программы Яндекс.Метрика. Продолжая использовать сайт, вы даёте согласие с использованием данных технологий».
Политика конфиденциальности
|
|
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
Вот сварганил небольшой велосипед . Буду признателен за замечания, предложения, критику. P. S. пишу сюда, а не в HTML, JavaScript, VBScript, CSS, так как там сплошь лямбды, которые не всем обитателям того форума понятны, но должны быть обитателям этого. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.03.2016, 16:42 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВ, - А для чего файл todo.js в win-1251 кодировке? В таком раскладе если контент кириллицей, то получаем дрова. Это специально так? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.03.2016, 22:29 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
Фёдор К - А для чего файл todo.js в win-1251 кодировке? В таком раскладе если контент кириллицей, то получаем дрова. Студия по умолчанию так делает, изменить нужно. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.03.2016, 00:02 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
Добавил DataBinding https://bso.codeplex.com/wikipage?title=Binding ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.04.2016, 15:15 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
Попробую продемонстрировать использование. Можно например начать с датагрида, ибо многие не представляют себе жизни без столь полезного контрола. Ну а каждый уважающий уважающих себя грид, должен иметь пейджер, так что начнем с пейджера. Вообще пейджеры встречаются разных видов, но самый лучший конечно же у judge! Так что его и попытаемся скопировать. Код. https://bso.codeplex.com/SourceControl/latest#bso/bso/scripts/typings/Samples/Pager/pager.ts Пример использования. https://bso.codeplex.com/SourceControl/latest#bso/bso/html/Samples/Pager/Pager.html Что имеем в итоге. Это typesript с точки зрения typesript. То есть при написании мы можем использовать все, что есть в этом языке строгая типизация, ООП, замыкания, женерики, вывод типов, функции высших порядков и т. д. Это javascript с точки зрения javascript. Это HTMLElement с точки зрения HTML и W3C. Это класс с точки зрения ООП, экземпляр мы можем создать, функциональность которого мы можем расширить. Код мы можем повторно использовать, продать, подарить и т. д. Это функция с точки зрения ФП, которую мы можем например передать в качестве аргумента другой функции. Ну и вполне себе событийная модель в стиле C#. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 12:59 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВДобавил DataBinding https://bso.codeplex.com/wikipage?title=Binding Биндинг - это прошлый век :) Виртуальный DOM и Flux наше всё! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 13:22 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAБиндинг - это прошлый век :) Виртуальный DOM и Flux наше всё! Ну если бы ReactJS меня устраивал, я бы остановился на нем. Куча дополнительных знаний что бы привязать данные к отображению + омерзительное влияние на производительность, неопределенность, непрозрачность. Я тоже хотел пойти по этой кривой дорожке, но вовремя остановился. И так, что имеем. 1. вполне себе утиная типизация, typescript позволяет объявлять интерфейсы, ну и приводить объекты к ним. Это нужно для строгой типизации. 2. вполне себе есть свойства с гетторами/сеттрорами, которые можно добавлять динамически. Причем гетторы/сетторы обычные функции. 3. хотелось бы иметь рефлексию, дабы как в C#, но ее нет. Но мы всегда можем получить текст исполняемого кода и дернуть оттуда при помощи регулярных выражений что нибудь интересное. Что получилось. 1. Раз утиная типизация, то нужен интерфейс, который описывает JSO. Это работа для прикладного программиста. 2. Некий генерик класс, который отвечает за биндинг и в котором типом параметром выступает описанный в пункте 1 интерфейс. 3. Пара методов отвечающих за привязку. Первый - простой биндинг, когда какое то свойство JSO напрямую отображается в какое то свойство. Вызов вполне себе строготипизированный Код: javascript 1. + подсказки работают. Второй - кастомный биндиг, на случай, если например есть сложный объект типа datetimepicker, вызов опять же строго типизированный Код: javascript 1. 2. 3. 4. 5. Повторюсь, многие ошибки видны на стадии компиляции и intellisense работает. 4. После привязки объект класса из пункта 2, предоставляет свойство, которое выдает объект реализующий интерфейс из пункта 1. Например для Код: javascript 1. Попытка считать свойство FirstName приводит к тому, что возвращается x.value, а запись приводит к установке x.value, где x - input[type=text]. И никаких тебе прослушиваний onchange, никаких виртуальных DOM, есть один реальный и его хватает за глаза. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 14:38 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВКуча дополнительных знаний что бы привязать данные к отображению + омерзительное влияние на производительность, неопределенность, непрозрачность. Конкретные проблемы сможете озвучить? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 16:09 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
автор3. хотелось бы иметь рефлексию, дабы как в C#, но ее нет.Она в js принципиально невозможна. Разве что в комплекте с прикладным js-кодом компилятор научится генерить библиотеку, описывающие то, чего в js нет, и как-то привязывающую это к прикладному коду. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 16:11 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
More Benchmarks: Virtual DOM vs Angular 1 & 2 vs Mithril.js vs cito.js vs The Rest Что-то не видно у реакта омерзительной производительности :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 16:14 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
Antonariy, Я не совсем правильно выразился, мне нужно было получить нечто типа expression в c#, еще проще из выражения объект.имяСвойства получить имяСвойства. Что бы использовать например как в razor @Html.EditorFor(model=>model.LOGIN) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 16:30 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAКонкретные проблемы сможете озвучить? Ну например как это все дебажить? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 16:37 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAКонкретные проблемы сможете озвучить? Ну например как это все дебажить? Это всё? Выше было больше озвучено :) В Visual Studio Code, WebStorm, либо в браузере. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 17:30 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAЭто всё? Выше было больше озвучено :) В Visual Studio Code, WebStorm, либо в браузере. Ну так то да, можно тыкаться по шагам по 100500 строк кода, периодически натыкаясь на места, которые были хз когда и кем инициализированы. Милейшее занятие. Которое можно иногда разнообразить зубрением например этого коротенького списочка . ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 17:44 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAЭто всё? Выше было больше озвучено :) В Visual Studio Code, WebStorm, либо в браузере. Ну так то да, можно тыкаться по шагам по 100500 строк кода, периодически натыкаясь на места, которые были хз когда и кем инициализированы. Милейшее занятие. Которое можно иногда разнообразить зубрением например этого коротенького списочка . Странные у Вас аргументы против React, мне не понятные.. Хотя если Вы вместо нормальной отладки тыкаетесь куда-то там 100500 раз, при этом зачем-то читаете документацию по Angular, то начинает становиться понятно, откуда растут ноги Вашей боли :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 17:55 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
И вообще 100500 строк плохого кода - это не проблема используемой библиотеки, или фреймворка, а проблема кривых рук. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 17:58 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
Ну если сравнивать именно с React. Stateful Component Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. Есть функции о которых надо знать, типа componentWillUnmount, DOM перестраивается каждый раз, причем сначала сравнивается с виртуальным DOM. Нет строгой типизации. Вызов componentWillUnmount в принципе приведет очистке ресурсов, но про это надо еще не забыть. bso Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. Меньше кода. Меняется всего одно свойство. Строгая типизация. Про очистку ресурсов нужно думать самому. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 18:39 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВ, Вы походу не в теме, что уже поддерживается ES2015 синтаксис, а также что TypeScript поддерживает React/JSX И DOM не перестраивается каждый раз, и не сравнивается с виртуальным, если Вы не забыли указать key. А об этом и о React lifecycle и lifecicle hooks подробно расписано в документации. Может Вам конечно проще её не читать, а запилить свой велосипед, но это не объективно. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 20.04.2016, 19:18 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAЕвгенийВ, Вы походу не в теме, что уже поддерживается ES2015 синтаксис, Кем? IE? Недавно на это наткнулся-споткнулся. skyANAа также что TypeScript поддерживает React/JSX Про это я писал еще в 15 годе! Visual Studio 2015 Update 1 ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 10:34 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAЕвгенийВ, Вы походу не в теме, что уже поддерживается ES2015 синтаксис, Кем? IE? Недавно на это наткнулся-споткнулся. Откройте для себя webpack + babel и для IE у Вас будет ES2015 транспайлится в ES5 ЕвгенийВskyANAа также что TypeScript поддерживает React/JSX Про это я писал еще в 15 годе! Visual Studio 2015 Update 1 Молодец! Тогда чего жалуетесь на отсутсвие типизации? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 10:52 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAОткройте для себя webpack + babel и для IE у Вас будет ES2015 транспайлится в ES5 мне хватает typescript. skyANAМолодец! Тогда чего жалуетесь на отсутсвие типизации? Выражения типа Код: html 1. никак не типизированы и к div нет никакого доступа. skyANAИ DOM не перестраивается каждый раз, и не сравнивается с виртуальным, если Вы не забыли указать key. А об этом и о React lifecycle и lifecicle hooks подробно расписано в документации. Может Вам конечно проще её не читать, а запилить свой велосипед, но это не объективно. Взялся дебажить пример на который давал ссылку выше. После примерно 3 минут кликания на "шаг с заходом" хром вежливо послал меня, ласково написав "Опаньки", так и не выпустив из бесконечных вызовов. И может Вы мне объясните дурачку, зачем в react.js такой код? Код: javascript 1. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 11:15 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAОткройте для себя webpack + babel и для IE у Вас будет ES2015 транспайлится в ES5 мне хватает typescript. skyANAМолодец! Тогда чего жалуетесь на отсутсвие типизации? Выражения типа Код: html 1. никак не типизированы и к div нет никакого доступа. Если Вы привыкли к TypeScript, то используйте TypeScript при разработки React приложений, что Вам мешает никак не пойму? И откройте для себя ref, если так хочется иметь доступ к div. Ваш код будет выглядеть как-то так так: Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. А так доступ к вожделенному Вами диву: Код: javascript 1. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 12:49 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВПосле примерно 3 минут кликания на "шаг с заходом" хром вежливо послал меня, ласково написав "Опаньки", так и не выпустив из бесконечных вызовов. И может Вы мне объясните дурачку, зачем в react.js такой код? Код: javascript 1. Вы же разрабодчик с опытом, а проблему описываете как вчерашний студент :) Дайте больше конкретики. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 12:53 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAА так доступ к вожделенному Вами диву: Код: javascript 1. Я наоборот бегу от таких штук Код: javascript 1. skyANAВы же разрабодчик с опытом, а проблему описываете как вчерашний студент :) Дайте больше конкретики. Я действительно не понимаю, почему в этом файле https://facebook.github.io/react/js/react.js строка if ("development" !== 'production') встречается 112? Почему не заменить просто на true? :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 14:26 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВстрока if ("development" !== 'production') встречается 112? Почему не заменить просто на true? :) Потому что true не говорит не о чём, а эта строка говорит. По-моему очевидней некуда. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 14:34 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
hVostt Потому что true не говорит не о чём, а эта строка говорит. По-моему очевидней некуда. Это ведь константное выражение, скорее всего ноги растут из автогенерации кода... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 14:54 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВЭто ведь константное выражение, скорее всего ноги растут из автогенерации кода... Bingo! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 14:58 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВhVosttЕвгенийВ, Посмотри как-нибудь на досуге Mithril . Посмотри как нибудь на досуге Vanilla JS ! Если серьезно, я много чего пересмотрел, например еще Vcl.js . Конкретно в Mithril нет строгой типизации, а значит контроля детских ошибок, например можно написать return m("diw", [ и в лучшем случае получим ошибку времени выполнения, в худшем тег diw, который браузер проигнорирует. У меня такого нет, например хочу тег bdo - вызываю функцию bdo, которая вернет HTMLPhraseElement, у которого в отличии от HTMLElement есть пара дополнительных свойств Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. Я не преследую реализацию mvc/mvvp, я преследую строгую типизацию и уход от поиска по строковому ключу. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 15:49 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAА так доступ к вожделенному Вами диву: Код: javascript 1. Я наоборот бегу от таких штук Код: javascript 1. На самом деле в конкретном рассматриваемом нами случае, можно обойтись и без ref, так как React.findDOMNode(componentInstance) возвращает внешний DOM узел, возвращаемый в методе render(). То есть свободно можно написать так: Код: javascript 1. Ну и вернуть DOM узел соответсвующий компоненту по ссылке - это не тоже самое, что найти элементы, удовлетворяющие селектору. ЕвгенийВskyANAВы же разрабодчик с опытом, а проблему описываете как вчерашний студент :) Дайте больше конкретики. Я действительно не понимаю, почему в этом файле https://facebook.github.io/react/js/react.js строка if ("development" !== 'production') встречается 112? Почему не заменить просто на true? :) А ты загляни в минифицированный файл https://fb.me/react-15.0.1.min.js :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 19:05 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВПосмотри как нибудь на досуге Vanilla JS ! А как же православный ассемблер? ЕвгенийВКонкретно в Mithril нет строгой типизации, а значит контроля детских ошибок, например можно написать return m("diw", [ и в лучшем случае получим ошибку времени выполнения, в худшем тег diw, который браузер проигнорирует. Какое же это имеет отношение к типизации? Это вообще-то просто синтаксис, и проблему выявит простейшие тесты. Строгая типизация, это когда что-то куда-то надо передать, и это что-то должно отвечать определённым требования (типу). ЕвгенийВУ меня такого нет, например хочу тег bdo - вызываю функцию bdo, которая вернет HTMLPhraseElement, у которого в отличии от HTMLElement есть пара дополнительных свойств Ну тогда HTML сам по себе уже является самодостаточным языком, и не стоило так напрягаться. Хочешь тег bdo? Пишешь <bdo...> и у него также есть свои дополнительные свойства. А правильный редактор кода тебе и ошибку покажет и подскажет. В чём профит-то? У virtual dom библиотек фишка в том, что ты фигачишь некоторое количество отлаженных компонент, а потом из них строишь прикладной UI. Это работает очень быстро. Какие там могут быть проблемы, если ты не пихаешь логику в UI и не пишешь её как монолитный компонент -- ведь в таком случае тебя никакая супер-мега-типизация с блекджеком и шлюхами не спасёт, это заведомо труп. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2016, 22:19 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
hVosttНу тогда HTML сам по себе уже является самодостаточным языком, и не стоило так напрягаться.Этот напряг ради генерации разметки в скрипте. Чтобы уйти от этой порнографии - innerHTML = "<div>". ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2016, 10:11 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
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. Причем в отличии от связки 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. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2016, 11:25 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВА почему бы не запихнуть логику относящаюся к UI в UI? Потому что в UI не должно быть логики. Если не придерживаться этой стратегии разработки, то и «типизированные UI» тебе не особо поможет. Ничего не поможет, это заведомо плохой путь по дорожке, выложенной граблями. На стороне клиента я размещаю логику отдельно от UI: если у меня меняется состояние модели, я в модели знать не знаю, как меняется вид UI, из каких элементов вообще состоит UI, какого он цвета и как он выглядит. Поэтому мне не нужна никакая типизация дивов и их атрибутов. Она ничего не решает, и не увеличивает эффективность разработки. Компоненты пишутся один раз и потом просто используются. Если я сегодня буду в логике UI возиться с элементами HTML (не важно, типизировано или нет), то это деградация. Пришли к тому, от чего долго и упорно уходили. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2016, 11:57 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
AntonariyЭтот напряг ради генерации разметки в скрипте. Чтобы уйти от этой порнографии - innerHTML = "<div>". Так ушли уже. Про virtual dom уже вроде как сказали. Если проблема в том, что типа можно написать так: m("diw"... — ну это абсолютно нормально, так как компоненты инкапсулируют внутри себя VDOM, он отлаживается и больше не трогается. Это не прикладной код, нет нужды в «типизированном» чекинге, никакой. Бред какой-то. Проблема высосана из мизинца левой ноги. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2016, 12:04 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
hVostt Потому что в UI не должно быть логики. Что по твоему есть UI? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2016, 12:39 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВhVosttПотому что в UI не должно быть логики. Что по твоему есть UI? Внешний вид: элементы управления и визуализация данных — то, что видит и с чем взаимодействует пользователь. В современных веб приложениях, которые иногда называют SPA, существует буквальное разделение на фронт (всё, что происходит на клиенте) и бек (всё, что происходит на сервере). В свою очередь на фронте существует формальное разделение: клиентская логика приложения и пользовательский интерфейс (UI) — это вполне себе самостоятельные части, которые могут существовать независимо, не смотря на то, что исполняются они в одном контексте (браузер). Таким образом логику можно писать и тестировать независимо от интерфейса, без малейшего понятия о манипуляциях с DOM, грубо говоря логике должно быть абсолютно параллельно как ты там кнопку нарисовал: одним button, или сложным комплексом вложенных друг в друга div, или вообще это клякса, нарисованная на канвасе, может это вообще не кнопка, а жест мышью/пальцем. И в тоже самое время UI можно писать в отрыве от логики и тестировать, не ожидая, когда бекендщики постараются, чтобы предоставить тебе рабочий API с необходимыми для прогона тестов данными. В UI нет логики, кроме логики анимации и поведения самого интерфейса: упираем мышь в левый край — выезжает меню, уводим — меню скрывается, и т.п. Чтобы замонстрячить такое поведение, надо ОДИН раз написать компонент, отладить его, и заниматься другими делами. Написание таких компонентов — это НЕ прикладной код, он не может быть им по определению. Поэтому так называемая «теговая типизация» бесполезна, и поэтому её нет в мейнстримах. Догадайся почему так, может она задаром никому не упала? Класть клиентскую логику на теги — это не просто прошлый век, это тупиковый путь для разработчика, деградация. Много пота и программерской крови было пролито на клавиатуры, но похоже ещё будет поломано не мало копий. Ээээх... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2016, 22:45 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAНу и вернуть DOM узел соответсвующий компоненту по ссылке - это не тоже самое, что найти элементы, удовлетворяющие селектору. Я пытаюсь уйти от строк в коде, веть даже наш великий кормчий Андерс Хейсберг указывает нам путь, введя в C# nameof! А где тут строки в коде? Код: javascript 1. А это Код: javascript 1. ну заменяется же так Код: javascript 1. ЕвгенийВА вообще над минификацией надо думать... Существующие решения позволят минифицировать такое? Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. А что мешает попробовать? Из этого Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. получается вот что Код: javascript 1. Наверняка и EmptyAction минифицируется. Как оно определено? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 23.04.2016, 20:05 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAНаверняка и EmptyAction минифицируется. Как оно определено? Код: javascript 1. 2. Я вообще про бесконечные function и return. будем ждать поддержки ES-2015, такой код не во всех браузерах работает( Код: javascript 1. пока только так Код: javascript 1. skyANA [/src] ну заменяется же так Код: javascript 1. А если таких 100500? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.04.2016, 11:53 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
hVostt, Я тоже предлагаю создавать компоненты, как например выше Pager. Не все приложения состоят из отображения/изменения БДешных банных. Вот попробуй со всем своим виртуальным DOM сделай тот же datetimepicker? Может еще и реально, но придется тащить с собой тот же React. А попробуй Visual Studio Code? Просто не реально же! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.04.2016, 11:59 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAНаверняка и EmptyAction минифицируется. Как оно определено? Код: javascript 1. 2. Я вообще про бесконечные function и return. будем ждать поддержки ES-2015, такой код не во всех браузерах работает(Зачем ждать, когда есть тот же babel? ЕвгенийВskyANA[/src] ну заменяется же так Код: javascript 1. А если таких 100500?Если таких 100500, то значит React используется через одно место. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.04.2016, 19:41 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВhVostt, Я тоже предлагаю создавать компоненты, как например выше Pager. Не все приложения состоят из отображения/изменения БДешных банных. Вот попробуй со всем своим виртуальным DOM сделай тот же datetimepicker? https://egghead.io/lessons/react-using-react-with-the-fullcalendar-jquery-plugin#/tab-code ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.04.2016, 19:42 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
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? Это немного разные вещи... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.04.2016, 22:40 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВ, что-то я перестал понимать смысл обсуждения. Вместо развёрнутых аргументов начались какие-то "а если". Вы пробовали на React сделать Ribbon и у Вас не получилось? Почему? А на bso получилось, где посмотреть? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.04.2016, 22:55 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВА есть ссылка, где средствами react... http://www.material-ui.com/#/components/date-picker ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.04.2016, 22:59 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAЕвгенийВА есть ссылка, где средствами react... http://www.material-ui.com/#/components/date-picker Выше я писал, что допускаю возможность создания датапикера на реакт. В итоге имеем поделку состоящую из 12 файлов размером 47 780 байт, которые ссылаются на еще файлы в других папках, с невозможностью выбрать дату раньше 27 апреля 1916 года (вдруг мне надо вбить дату рождения бабушки?), без возможности выбрать время, без возможности локализации. При чем если демку открыть в 2 вкладках хрома, работает только в одной, в другой путает левую и правую кнопки мыши. Если в самое ближайшее время не доработают - пойдет на обочину истории. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.04.2016, 11:38 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
skyANAЕвгенийВ, что-то я перестал понимать смысл обсуждения. Вместо развёрнутых аргументов начались какие-то "а если". Вы пробовали на React сделать Ribbon и у Вас не получилось? Почему? А на bso получилось, где посмотреть? А что? надо попробовать! Хорошая мысль) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.04.2016, 11:49 |
|
||
|
покритикуйте bso
|
|||
|---|---|---|---|
|
#18+
ЕвгенийВskyANAпропущено... http://www.material-ui.com/#/components/date-picker Выше я писал, что допускаю возможность создания датапикера на реакт. В итоге имеем поделку состоящую из 12 файлов размером 47 780 байт, которые ссылаются на еще файлы в других папках, с невозможностью выбрать дату раньше 27 апреля 1916 года (вдруг мне надо вбить дату рождения бабушки?), без возможности выбрать время, без возможности локализации. При чем если демку открыть в 2 вкладках хрома, работает только в одной, в другой путает левую и правую кнопки мыши. Если в самое ближайшее время не доработают - пойдет на обочину истории. И чё? :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.04.2016, 19:20 |
|
||
|
|

start [/forum/topic.php?all=1&fid=18&tid=1355911]: |
0ms |
get settings: |
10ms |
get forum list: |
14ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
21ms |
get topic data: |
8ms |
get forum data: |
2ms |
get page messages: |
91ms |
get tp. blocked users: |
2ms |
| others: | 240ms |
| total: | 394ms |

| 0 / 0 |
