×

Frontend дайджест #10: как строить современные библиотеки, работа CSS-селекторов на котах и много докладов с конференций

Почитать

Фейсбуковская компания Parse выложила в открытый доступ свои SDK. Пост о том, как строить современные библиотеки.

Длинная телега про Бутстрап.

Интересный комментарий по поводу соглашений в коде elm.

Примеры использования css-calc.

Описание процесса про проектирование видеоплеера.

Чеклист опенсоурс-проекта.

Мысли по поводу правильного использования классов .

Антипаттерны в использовании веб-шрифтов.

Работу CSS-селекторов объяснили на картинках с котами.

Квиз по ес6 о Юры Зайцева.

React style guide от Khan academy.

Инструмент для программного профилирования страниц. Советую обратить внимание, в этой сфере непаханное поле.

Посмотреть

Видео первого и второго дня с конференции Reactive. Мы там были, все видели, советую посмотреть:
— блестящий доклад про Elm;
— провокационный доклад о cycle.js, где утверждается, что React — это лошадь, а не машина;
— доклад про CSS Modules;
— интересный доклад очень смешного докладчика Виктора Грищенко про протоколы коллаборативного редактирования;
— доклад Instant Text, опять же из коллаборативной тематики;
— доклад про удивительный сендбокс для react-native проектов;
— очень подробный доклад про внутренности react-native.

Видео с конференции Nordic.js. Советую посмотреть доклады про реактивное программирование и про ServiceWrokers

Еlm в продакшене.

АMP HTML (Accelerated Mobile Pages) by Addy Osmani.

«No, Really... Robots and JavaScript?!» by Raquel Vélez.

Скринкаст о webpack от Ильи Кантора.

Видео с конференции React Rally 2015.

Библиотеки

Превращаем клавиатуру в миди-клавиатуру.

Владимир Агафонкин сделал простую библиотеку для попиксельного сравнения картинок.

Фильтры Instagram на CSS.

React-оболочка над MapBox.

Библиотека, чтобы 'руддщ' превращать в 'hello'.

Обертка над d3 под React для удобного построения графиков.

Демки

SVG-радуга с управлением на поддомене Meteor.

SVG typhography.

SVG path builder.

Превращает любое изображение в CSS.

Один React код в виде сайта, мак- и айфон-приложения.

Площадка, чтобы покрутить режимы смешивания в CSS.

Пример использования ServiceWorker.

Остальное

Обновился Реакт. Из приятного — легковесные функциональные компоненты.

Библиотека поможет обмануть систему.

Приходите 28 ноября на Web Standards days.


Отдельно напомню, что у нас есть места в команде. Ищем и фулстеков, и фронтендов. Задачи — веб-редактор, браузерное расширение, движок редактирования (что-то вроде Гугл-докса). Продуктами пользуются миллионы пользователей. Пишите на [email protected] рассказ (рассказ!) о себе.

С вами был Игорь Кононученко @kigorw. Оформить дайджест помогали мои коллеги Сергей Руденко, Григорий Шехет и Саша Бычок.

← Предыдущий выпуск: Frontend дайджест #9.
Следующий выпуск: Frontend дайджест #11

Все про українське ІТ в телеграмі — підписуйтеся на канал DOU

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn

Схожі статті




5 коментарів

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

Для d3 есть свои готовые решения, для react свои. Если что-то подходит из d3, а основное приложение на реакте, то можно воспользоваться этой либой

честно не вижу смысла в этой прослойке, д3 легко вяжется с реактом...

Один React код в виде сайта, мак- и айфон-приложения.
Закрался пробел в линке: href="github.com/...tive-nw-react-calculator"

Підписатись на коментарі