В прошедшую субботу в офисе Avito прошел SPA Meetup. Это митап-сателит Moscow.js, ориентированный на фронтенд-разработчиков, которым интересна тема веб-приложений (Single Page Application), и сочувствующих им. Это уже третья встреча, которая получилась весьма насыщенной: 3 доклада, 2 блица, свободный микрофон, панельная дискуссия и, конечно же, живое общение. В этом посте мы немного расскажем о том, как это было, и поделимся видеозаписями докладов.
Читать полностью »
Рубрика «components» - 2
Отчет и материалы SPA meetup’а 8 апреля 2017
2017-04-14 в 11:30, admin, рубрики: api, components, css, csstree, javascript, open source, protobuf, rempl, single page application, SPA, Блог компании AvitoУмер ли MVC для фронтенда?
2017-02-15 в 7:12, admin, рубрики: architecture, components, javascript, mvc, React, redux, Анализ и проектирование систем, Блог компании Туту.ру, Проектирование и рефакторинг, Совершенный код
В этой статье хочу поделиться переводом интересных размышлений на тему прошлого и настоящего в архитектуре фронтенда.
В то время как все больше и больше фронтенд-разработчиков перенимают подходы с однонаправленной архитектурой, возникает вопрос — есть ли будущее у классического MVC? Чтобы понять, как мы дошли до такого вопроса, давайте немного проанализируем эволюцию архитектуры фронтенда.
Читать полностью »
React, Web Components, Angular и jQuery — друзья навеки. Универсальные JavaScript-компоненты
2016-12-05 в 4:59, admin, рубрики: angular, components, html, javascript, jquery, preact, React, ReactJS, web components, Блог компании DevExpress, будущее, Программирование
Эта статья о том, как написать универсальный JavaScript-компонент, который можно будет использовать
- как React-компонент;
- как Preact-компонент;
- как Angular-компонент;
- как Web Component;
- как jQuery функцию для рендеринга в DOMElement;
- как нативную функцию для рендеринга в DOMElement.
Зачем и кому это нужно
Мир JavaScript-разработки очень фрагментирован. Есть десятки популярных фреймворков, большая часть из которых абсолютно несовместима друг с другом. В таких условиях разработчики JavaScript-компонентов и библиотек, выбирая один конкретный фреймворк, автоматически отказываются от очень большой аудитории, которая данный фреймворк не использует. Это серьезная проблема, и в статье предложено ее решение.
Релиз Firefox 22
2013-06-25 в 14:41, admin, рубрики: Asm.js, clipboard, components, Firefox, flexbox, html notification, Pointer Lock API, Vista, WebGL, WebRTC, метки: Asm.js, clipboard, components, firefox, flexbox, html notification, Pointer Lock API, Vista, WebGL, WebRTC Для загрузки стал доступен Firefox для десктопов. Что нового в этой версии:
Читать полностью »
Руководство разработчика Prism — часть 9, взаимодействие между слабо связанными компонентами
2013-06-11 в 11:11, admin, рубрики: .net, communication, components, expression blend, loose coupling, microsoft, mvvm, patterns and practices, Prism, silverlight, Visual Studio, wpf, интерфейсыОглавление
При создании большого и сложного приложения, обычным подходом является разделение функциональности по отдельным модулям. Также желательно минимизировать количество статических ссылок между этими модулями. Благодаря этому, модули можно будет независимо разрабатывать, тестировать, развёртывать и обновлять. Всё это ведёт к необходимости модулей взаимодействовать друг с другом слабо связанным образом.
При построении модели взаимодействия между модулями, необходимо знать отличия между подходами, чтобы знать, какой из них применить в конкретном сценарии. Библиотека Prism предоставляет следующие подходы:
- Использование команд (Solution commanding). Используйте для реагирования на действия пользователя.
- Контекст региона (Region context). Используйте для передачи контекстной информации от host-элемента управления к представлениями в регионе. Этот подход в некотором роде аналогичен
DataContext
, но не полагается на него. - Общие службы (Shared services). Вы можете вызвать метод на сервисе, который, в свою очередь, сгенерирует событие, на которое могут быть подписаны получатели. Используйте этот подход в том случае, если все остальные подходы не применимы.
- Агрегация событий (Event aggregation). Для передачи сообщений между моделями представлений, презентерами, или контроллерами при отсутствии ожиданий о непосредственной реакции на сообщение.
В чём разница между использованием MVC и MVP
2013-03-07 в 10:00, admin, рубрики: components, Model View Controller, mvc, mvp, Проектирование и рефакторинг, разработка, Совершенный код, метки: components, Model View Controller, mvc, mvpПривлекая внимание на проблемы, описанные в статье — «Шаблон MVC — это тупик для разработки приложений?», я считаю, что недостаточно подробно объяснил сам механизм MVC. И для колоритности в этой статье хотел бы осветить и MVP. Думаю, что важно понимать различия между MVC и MVP и общие моменты этих двух парадигм.
Чтобы понять разницу, давайте сначала посмотрим, в каких условиях прижился MVC и какие преимущества он давал приложениям.