Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «browserify»
Обновление React компонентов с сохранением состояния в режиме реального времени для Browserify 2015-08-05 12:04:45
+ развернуть текст сохранённая копия
Всем доброго времени суток!
Давайте немного поговорим о DX (Developer Experience) или «Опыте разработки», а если конкретнее — об обновлении кода в режиме реального времени с сохранением состояния системы. Если тема для вас в новинку, то перед прочтением советую ознакомиться со следующими видео:
Ряд видео с обновлением кода в реальном времени без перезагрузки страницы
Введение: Как это работает?
Прежде всего стоит понимать, что реализация подобной функциональности подразумевает под собой решение ряда задач:
— Отслеживание изменений файлов
— Вычисление патча на основании изменений файлов
— Транспортировка патча на клиент (в браузер, например)
— Обработка и применение патча к существующему коду
Но обо всём по порядку.
Читать дальше →
Тэги: browserify, hmr, javascript, live, patch, react, reactjs, веб-разработка, программирование
Ещё один пост о сборке front-end проекта 2015-03-02 15:36:38
 + развернуть текст сохранённая копия
Я потратил прилично времени на структуризацию и автоматизацию сборки фронта. Задача это интересная и стоит того, чтобы о ней рассказать.
Что умеет делать сборщик:
- Собирать front-end проект для development & production окружений.
- Собирать по несколько js/css бандлов на проект.
- Использовать стиль CommonJS модулей в браузере.
- Использовать ES6-синтаксис.
- Спрайты, картинки и многое другое.
Читать дальше →
Тэги: babel, browserify, css, es6, gulp, html, jade, javascript, stylus, веб-разработка
[Из песочницы] Продвинутый Gulp и Browserify: интересные трюки 2014-11-05 14:32:34
... вы не любите browserify.
Краткое ... собственных плагинов для Browserify;
создание ...
+ развернуть текст сохранённая копия
Пару недель назад я начал цикл о том, как делал некоммерческий музыкальный проект (первый пост есть в «я пиарюсь», не буду ставить ссылок), но, к сожалению, в первой же статье увлекся, и вместо того, чтобы рассказывать о том, как делал конкретно его, начал вспоминать эффективные трюки из других проектов. Видимо, именно это вкупе с прописанным акцентом на сам проект привело к тому, что за мной и постом прилетело НЛО.
Однако все то, что было в статье, было по крайней мере малоизвестно, а половина ее была вообще уникальна, как я уверен, и каждый из этих советов может ощутимо облегчить работу с gulp, поэтому мне действительно было бы жаль, если этот материал безвозвратно пропал бы.
Поэтому я постарался убрать все упоминания проекта и повторно публикую (с доработками и правками) статью, которую по сути никто еще не видел. Если вы фанат grunt — почитайте хотя бы вторую часть: то, что вы не любите gulp, не значит, что вы не любите browserify.
Краткое содержание:
- Простой способ обработки ошибок;
- Универсальная структура для хранения исходных файлов;
- Объединение нескольких потоков (например, скомпилированный coffee и js) в один;
- Создание потока из текста;
- создание собственных плагинов для Browserify;
- создание плагинов из плагинов Gulp для Browserify.
Читать дальше →
Тэги: browserify, gulp, html, javascript, веб-разработка, плагины
[Перевод] Построение надежных веб-приложений на React: Часть 2, оптимизация с Browserify 2014-07-15 12:11:36
... 2, optimising with Browserify», Matt Hinchliffe
+ развернуть текст сохранённая копия
Перевод статьи «Building robust web apps with React: Part 2, optimising with Browserify», Matt Hinchliffe
От переводчика: это перевод второй части цикла статей «Building robust web apps with React», вот ссылка на перевод первой части. Перевод следующей части появится через несколько дней.
В первой части, я осветил причины, почему по моему мнению, React захватывающий инструмент, который может быть использован для построения изоморфный или адаптивно-гибридных веб-сайтов, что может равняться динамичности мобильных приложений и надежности статичной страницы двадцатилетней давности. Я также написал базовое демо приложение, чтобы исследовать некоторые парадигмы и особенности React и показать, как быстро можно прототипировать динамические браузерные приложения, но это едва ли демонстрирует надежность, к которой я изначально стремился.
Код, который в начальном демо был представлен на выполнение браузеру, не проходит ни один базовый тест производительности; скрипты должны быть прекомпилированы, объединены и минифицированы перед отправкой на продакшн. Читать дальше →
Тэги: browserify, javascript, react, react.js, web-разработка, веб-разработка
Главная / Главные темы / Тэг «browserify»
|
Взлеты Топ 5
Падения Топ 5
|
