Вышел перевод нового видео от команды hackage.tv, в котором очень доступно рассказано об использовании методов жизненного цикла в React 16.3 и getDerivedStateFromProps в частности.
Рубрика «javascript» - 194
Как использовать getDerivedStateFromProps в React 16.3 (ру субтитры)
2018-04-12 в 7:09, admin, рубрики: getDerivedStateFromProps, javascript, react.js, ReactJS, субтитрыJS DevDay: про титан, рабочих и гибриды
2018-04-12 в 4:09, admin, рубрики: angular, AngularJS, javascript, react native, ReactJS, service worker, titanium, Блог компании 2ГИС, конференции, Программирование
Мы готовимся сделать то, что не делали вот уже два года, — 27-го апреля соберём на DevDay 150 неравнодушных к JavaScript. Научимся жить с Titanium, ускорять приложение с помощью service workers и напишем гибридное приложение на Angular.
Под катом явки, пароли и про трансляцию.
Читать полностью »
TDD ошибочно?
2018-04-11 в 15:01, admin, рубрики: javascript, js tools, tdd, testing tools, tools, unit-testing, Программирование, управление проектамиDISCLAIMER: вы попались на clickbait. Очевидно, что TDD нельзя назвать ошибочным, но… Всегда есть какое-то но.
Содержание
Обзор новшеств ECMAScript 2016, 2017, и 2018 с примерами
2018-04-11 в 8:49, admin, рубрики: javascript, Блог компании RUVDS.com, разработка, Разработка веб-сайтовСложно уследить за новшествами различных версий ECMAScript, а ещё сложнее — найти полезные примеры их применения, не перекапывая горы информации. Поэтому сегодня мы публикуем перевод материала, автор которого проанализировал 18 новых возможностей ECMAScript, в число которых входят те, что имеются в уже вышедших стандартах ES2016 и ES2017, а также — те, которые должны появиться в стандарте ES2018. Автор этой статьи обещает, что каждый, кто её прочтёт, узнает много интересного и полезного о новых возможностях JavaScript.
Генерация страниц сайта средствами сервис-воркеров
2018-04-11 в 7:00, admin, рубрики: cache, html, indexeddb, javascript, offline, progressive web apps, pwa, service worker, serviceworker, Блог компании Mail.Ru Group, Разработка веб-сайтов
(С)
Из этой статьи вы узнаете, как прямо на мобильном устройстве, в браузере, создать страницу со списком закэшированных ранее материалов сайта, чтобы условный, застрявший в лифте пользователь, не скучал без интернета. По мере приближения к цели мы коснемся следующих тем:
- кэширование страниц сайта для офлайн доступа;
- ведение учета страниц, доступных офлайн, проброс необходимых данных;
- мониторинг статуса сети, онлайн или офлайн;
- общение сервис-воркера со страницами и вкладками, которые он обслуживает;
- перехват сервис-воркером запроса на открытие адреса
/offline/и генерирование новой страницы прямо на устройстве, без запроса к серверу.
Если тема сервис-воркеров и Progressive Web Apps (PWA) для вас новая, то перед чтением этой статьи необходимо познакомиться с ними поближе.
Меня зовут Рыбин Павел, я работаю во фронтенд-разработке Медиапроектов Mail.Ru Group. Это руководство мне помогали писать грабли, набитые шишки и подводные камни, попавшиеся мне при реализации PWA для мобильной версии Авто Mail.Ru.
В тексте будут встречаться небольшие примеры кода, иллюстрирующие рассказ. Расширенную же демо-версию можно посмотреть на GitHub.
Читать полностью »
Докеризируем Socket.io, redis и php
2018-04-10 в 18:15, admin, рубрики: docker, docker-compose, javascript, php, redis, socker.ioДля передачи данных сервером на php клиенту можно использовать следующий алгоритм:
- Сервер php публикует данные в канал redis.
- Сервер node подписывается на события в соответствующем канале redis и при
наступлении события поступления данных публикует эти данные уже в
socket.io - Клиент подписывается на сообщения socket.io и обрабатывает их при поступлении
Исходный код проекта можно найти на github
От JavaScript к Rust и обратно: рассказ о wasm-bindgen
2018-04-10 в 16:06, admin, рубрики: bindings, javascript, Rust, wasm, wasm-bindgen, webassembly, Разработка веб-сайтов
Мы уже видели насколько WebAssembly быстро компилируется, ускоряет js библиотеки и генерирует более компактные бинарники. У нас даже есть общее представление как наладить взаимодействие не только между сообществами Rust и JavaScript, но и с сообществами других языков. В прошлой статье мы упоминали специальный инструмент wasm-bindgen и сейчас я бы хотел остановиться на нем более подробно.
О главнейшей причине существования современных JS-фреймворков
2018-04-09 в 9:23, admin, рубрики: javascript, Блог компании RUVDS.com, разработка, Разработка веб-сайтов
Автор материала, перевод которого мы публикуем сегодня, говорит, что ему очень и очень часто приходилось видеть, как веб-разработчики бездумно пользуются современными фреймворками вроде React, Angular или Vue.js. Эти фреймворки предлагают много интересного, но, как правило, программисты, применяя их, не учитывают главнейшей причины их существования. Обычно на вопрос: «Почему вы используете фреймворк X», можно услышать следующие ответы, среди которых, однако, нет самого главного:
- Этот фреймворк основан на компонентах.
- У него имеется мощное сообщество.
- Для него разработано множество сторонних библиотек, которые помогают решать различные задачи.
- Существуют полезные дополнительные компоненты для этого фреймворка.
- Имеются расширения для браузеров, которые помогают отлаживать приложения, созданные с помощью данного фреймворка.
- Этот фреймворк хорошо подходит для создания одностраничных приложений.
На самом же деле самая главная, фундаментальная причина использования фреймворков заключается в том, что они помогают решать задачу синхронизации пользовательского интерфейса и внутреннего состояния приложения. Это — чрезвычайно сложная и важная задача, и именно о ней мы сегодня и поговорим.
Читать полностью »
Заблуждения об автоматическом тестировании
2018-04-09 в 8:15, admin, рубрики: $mol, $mol_test, javascript, testing, TypeScript, unit-testing, Программирование, тестирование, Тестирование IT-систем, Тестирование веб-сервисов, тестирование по, тестирование приложенийЗдравствуйте, меня зовут Дмитрий Карловский и это продолжение традиционной рубрики "Почему мы так не любим писать тесты?". Короткий ответ: потому, что получаемые от них бонусы не перевешивают затрачиваемых усилий. Если это так, значит мы делаем что-то не правильно. Давайте разберёмся что же могло пойти не так..
Данная заметка выросла из главы "Заблуждения" лонгрида "Концепции автоматического тестирования", посредством дополнения новыми заблужениями и аргументами.
MIDI-проигрыватель на Javascript
2018-04-09 в 6:56, admin, рубрики: javascript, MIDI, звук, Работа со звуком, синтез звука, синтез музыки, СинтезаторБудем делать проигрыватель файлов .mid на Javascript и Web Audio API.
Конечный результат может выглядеть вот так — https://surikov.github.io/webaudiofont/examples/midiplayer.html
Читать полностью »