Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

В библиотеке kubedog появилась поддержка канареечных выкатов Flagger

Блог компании Флант Open source *Системное администрирование *DevOps *Kubernetes *

Наш Open Source-инструмент для отслеживания ресурсов Kubernetes — kubedog — «научился» следить за канареечными выкатами, реализованными с помощью Flagger. Чтобы объяснить суть новости, начнем с краткого пояснения о предназначении обоих упомянутых проектов.

Читать далее
Всего голосов 30: ↑30 и ↓0 +30
Просмотры 1.3K
Комментарии 0

MTV запускает социальную сеть Flux в телевизионном формате

Чулан
Телекомпания MTV Networks открывает новый интерактивный канал, на котором пользователи могут обмениваться любительскими видеороликами и сообщениями. Фактически, этот канал станет телевизионной копией интернет-сайта YouTube и будет сочетать в себе элементы различных социальных интернет-сервисов. Телекомпания MTV стала первой в мире, которая пытается адаптировать традиционную социальную сеть к формату телевидения.

По имеющейся информации, запуск нового телеканала под названием Flux и соответствующего веб-сайта состоится 1 августа в США и 6 сентября в Великобритании. Зрители-участники получат возможность закачивать на сайт собственные видеоролики, выбирать программу вещания для телеканала, посылать в эфир текстовые сообщения с демонстрацией в видеочате аватар, созданных своими руками.
Рейтинг 0
Просмотры 216
Комментарии 1

Телекомпания CNN создала сайт для частных информаторов

Чулан
Феномен любительского контента в Сети проявляет себя с новой силой. Дошло до того, что профессиональные телекомпании в массовом порядке обращаются к гражданам с просьбой присылать им сюжеты, фотографии и другие материалы.
Читать дальше →
Рейтинг 0
Просмотры 204
Комментарии 0

Разбираемся с Flux, реактивной архитектурой от facebook

JavaScript *Программирование *Проектирование и рефакторинг *ReactJS *
Перевод
Tutorial


Введение


Добро пожаловать в третью часть серии статей «Изучаем React». Сегодня мы будем изучать, как устроена архитектура Facebook Flux, и как использовать ее в своих проектах.
Ррреактивно!
Всего голосов 25: ↑25 и ↓0 +25
Просмотры 107K
Комментарии 16

Flux для глупых людей

JavaScript *ReactJS *
Перевод
Tutorial
Пытаясь разобраться с библиотекой от Facebook ReactJS и продвигаемой той же компанией архитектурой «Flux», наткнулся на просторах интернета на две занимательные статьи: «ReactJS For Stupid People» и «Flux For Stupid People». Чуть раньше я поделился с хабравчанами переводом первой статьи, настала очередь второй. Итак, поехали.

Flux для глупых людей


TL;DR Мне, как глупому человеку, как раз не хватало этой статьи, когда я пытался разобраться с Flux. Это было не просто: хорошей документации нет и многие ее части перемещаются.

Это продолжение статьи «ReactJS For Stupid People».
Читать дальше →
Всего голосов 38: ↑35 и ↓3 +32
Просмотры 233K
Комментарии 35

RefluxJS — альтернативный взгляд на Flux архитектуру от Facebook

Разработка веб-сайтов *JavaScript *HTML *ReactJS *
Перевод
От переводчика: посмотрев на ReactJS и вдохновившись его простотой, начал искать библиотеку, которая бы обеспечивала такой же простой обмен данными внутри моего приложения. Наткнулся на Flux, увидел примеры кода и пошел искать альтернативу. Набрел на RefluxJS, немедленно полюбил и пошел переводить официальную доку. Она написана как раз в стиле статьи, поэтому в первую очередь решил поделиться ей с Хабрасообществом. Перевод несколько вольный. Кое-где, если мне казалось, что что-то нуждается в дополнительном пояснении или примере, я не стеснялся.

В переводе ниже в качестве перевода для термина Action из Reflux иногда используется термин «событие», а иногда — термин «экшен», в зависимости от контекста. Более удачного перевода мне подобрать не удалось. Если у вас есть варианты, жду предложений в комментариях.

Обзор


image image image image image

RefluxJS — простая библиотека, обеспечивающая в вашем приложении однонаправленный поток данных, использующая концепцию Flux от Facebook.
Читать дальше →
Всего голосов 31: ↑27 и ↓4 +23
Просмотры 29K
Комментарии 29

Создание изоморфного приложения на React и Flummox

JavaScript *ReactJS *
Из песочницы
Сегодня я хочу показать, как используя React, Flummox и Express, создать полноценное изоморфное приложение.

Идея изоморфности давно витала в воздухе, но никто не знал этого слова, поэтому ничего особо не менялось, пока не пришел airbnb.

За полгода до этого появился React, позже появился Flux и множество его реализаций, одна не хуже другой. Но все эти реализации ориентировались только на работу на клиентской стороне, они работали через синглтоны и, зачастую, их нельзя было нормально использовать на сервере. Я успел попробовать несколько, но ни одна мне не понравилась. Пока два месяца назад я не наткнулся на Flummox. Как заявляет разработчик, Flummox создан как раз для изоморфных приложений, он не использует синглтоны, присущие другим реализациям, и максимально прост в использовании.

Ожидается, что вы имеете опыт работы с React и слышали про Flux. Итак, поехали…
Забрать готовый код можно тут.
Читать дальше →
Всего голосов 21: ↑20 и ↓1 +19
Просмотры 19K
Комментарии 25

Новые возможности платформы VoxImplant: Instant Messaging и Presence + демо на ReactJS/Flux

Блог компании Voximplant Разработка веб-сайтов *JavaScript *Разработка систем связи *
Tutorial
Внимание! Данная статья устарела. Вы можете ознакомиться с более свежими статьями здесь или почитать блог на нашем сайте.

В последнее время мы были заняты работой над большим обновлением VoxImplant, которое должно сделать платформу еще более гибкой и удобной для разработчиков коммуникационных сервисов. Количество новых функций достаточно большое, поэтому будем рассказывать о них по-порядку и начнем с месседжинга и презенса. Так как банальное описание функционала мало кому интересно, то сразу разберем пример создания приложения для внутрикорпоративных коммуникаций с использованием популярного ReactJS и Flux. Это позволяет достаточно оперативно сделать более-менее сложное приложение, ну и заодно показать как использовать VoxImplant при таком подходе. Presence у нас тоже с некоторыми интересными особенностями, про которые мы расскажем более детально и объясним потом зачем это может быть нужно.
Читать дальше →
Всего голосов 9: ↑8 и ↓1 +7
Просмотры 6.2K
Комментарии 2

Изоморфное Приложение с React и Redux

JavaScript *ReactJS *
Перевод
Итак, я знаю что ты любишь Todo списки, то есть, что тебе очень нравится писать Todo списки, поэтому мне хочется, чтобы ты создал один из них, используя новый, восхитительный и питательный («nutritious» прим. пер.) Flux фреймворк, Redux! Я желаю тебе только лучшего.

В этой статье ты научишься как сконструировать свое собственное Redux приложение, не ограничиваясь, но так же включая.

  • Цельнозерновой рендеринг на сервере
  • Расширенный роутинг, богатый Omega-3
  • Маслянистая асинхронная загрузка данных
  • Гладкое функциональное послевкусие


Если это похоже на то, чего ты хочешь в этой жизни, вперед под кат, если нет, то не заморачивайся.
Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Просмотры 98K
Комментарии 12

Flux в картинках

Блог компании Хекслет JavaScript *ReactJS *
Перевод
Tutorial
Нам в Хекслете нравится ReactJS и Flux. Нам кажется, что это правильное направления развития. Мы любим функциональное программирование и чистые функции, и когда сложные архитектуры упрощаются за счет подходов, связанных с ними — это круто. По Реакту уже есть немало ресурсов в интернете, в том числе наш практический курс по React JS. Последний урок в этом курсе называется «Однонаправленное распространение данных», и там мы подходим к интересной теме, которая лежит в основе архитектуры Flux.

Flux это паттерн распространения даных в приложении. Flux и React выросли в стенах Фейсбука вместе. Многие используют их одновременно, но ничто не мешает использовать их по отдельности. Они были созданы для решения конкретной проблемы в Фейсбуке.

Мы используем React и Flux в своей браузерной среде разработки Hexlet IDE (она в опен-сорсе), в которой учащиеся выполняют практические задания. Flux одновременно очень популярен и очень непонятен для многих в мире веба. Сегодняшний перевод — попытка объяснить Flux на пальцах (ну, то есть картинках).

Проблема


Вначале нужно понять, какую проблему решает Flux.


Читать дальше →
Всего голосов 32: ↑30 и ↓2 +28
Просмотры 43K
Комментарии 22

Not a Flux

Разработка веб-сайтов *JavaScript *ReactJS *
Из песочницы
Расскажу об еще одной интерпретации Flux, а точнее о новом подходе в разработке интерфейсов — Not a Flux. Предполагается, что читатель хотя бы прочитал документацию о Flux.


Давай пофилософствуем
Всего голосов 16: ↑11 и ↓5 +6
Просмотры 9.8K
Комментарии 7

Управление состоянием и эффективный рендеринг в приложениях на React

JavaScript *ReactJS *
Привет! Я хочу рассказать об очередной реализации Flux. А точнее о минимальной реализации, которую мы успешно используем в рабочих проектах. И о том, как мы пришли к этому. На самом деле многие так или иначе сами приходят к подобному решению. Описанное здесь решение является лишь вариацией ему подобных.

В Redradix мы уже около года разрабатываем веб-приложения на React и в течении этого времени у каждого из членов команды возникали идеи, которые мы постепенно выносили в свое, домашнее решение. Мы сразу же отказались от хранилищ в классическом Flux в пользу единого глобального состояния. Хранилища всего лишь выполняют роль сеттеров/геттеров в состояние приложения. Чем хорошо глобальное состояние? Одно состояние — это один конфиг всего приложения. Его без труда можно заменить другим, сохранить или передать по сети. Больше нету зависимостей между хранилищами.
Читать дальше →
Всего голосов 11: ↑10 и ↓1 +9
Просмотры 17K
Комментарии 10

Haskell для ВКонтакте, JavaScript и ReactJS, Или «Чужой против Симпсонов»

JavaScript *Haskell *ReactJS *
Из песочницы
Данный пост является попыткой добавить пару капель топлива в машину пропаганды Haskell, демонстрируя его использование в повседневных задачах.



В качестве таковых рассмотрим следующие:

  • Реализуем пакет доступа к API ВКонтакте.
    Код будет работать как в «native» приложениях, так и в приложениях JavaScript через GHCJS, компилятор Haskell в JavaScript
  • Напишем одностраничное браузерное приложение, используя наше API
Читать дальше →
Всего голосов 26: ↑23 и ↓3 +20
Просмотры 19K
Комментарии 1

How to ReactJS

Разработка веб-сайтов *JavaScript *ReactJS *
Перевод
Tutorial
Для новичка, экосистема вокруг React (как и фронтэнда в целом) может показаться запутанной. Этому есть несколько причин.

  • Изначально, React был нацелен на экспертов и ранних последователей
  • Facebook открывает исходный код только тех продуктов, которые использует сам, т. е. не нацеленные на проекты-меньше-чем-Facebook
  • Огромное количество гайдов по React совершенно разной сложности


Здесь и далее, я предполагаю, что вы уже знакомы с HTML, CSS и JavaScript.

Читать дальше →
Всего голосов 46: ↑35 и ↓11 +24
Просмотры 84K
Комментарии 24

Как мы разрабатываем новый фронтенд Tinkoff.ru

Блог компании TINKOFF Разработка веб-сайтов *JavaScript *

Tinkoff.ru


В апреле этого года мы перезапустили tinkoff.ru. Банк превратился в финансовый супермакет. Теперь не только клиент банка, но и любой посетитель оплатит мобильный, проверит налоги и оформит ипотеку — всё на одной платформе. В этой статье я поделюсь опытом и технологическими решениями, к которым мы пришли за год разработки.

Читать дальше →
Всего голосов 73: ↑59 и ↓14 +45
Просмотры 84K
Комментарии 175

It’s the future

JavaScript *
Перевод

Этот пост просто шутка и не пытается выставить инструменты, упомянутые здесь, в дурном свете. Я использую их постоянно, они великолепны, и я рекомендую их использовать. По мотивам It's the future @ CircleCI Blog


— Эй, я бы хотел научиться писать крутые веб-приложения. Слышал, у тебя есть опыт.


— Да, я как раз занимаюсь фронтендом, юзаю пару тулз.


— Круто. Я щас делаю простое приложение — обычный TODO-лист, используя HTML, CSS и JavaScript, и планирую заюзать JQuery. Это норм?


— Не-не-не. Это олдскул. Джиквери мёртв — никто не использует его теперь! Тебе нужен React. Это будущее.


— Окей, лады. А что это?


Читать дальше →
Всего голосов 178: ↑167 и ↓11 +156
Просмотры 84K
Комментарии 287

Разработка для Sailfish OS: архитектура FLUX в QML на примере приложения для запоминания литературных терминов

Разработка мобильных приложений *Qt *Разработка под Sailfish OS *
Из песочницы
Всем доброго времени суток! В данной статье хотелось бы рассказать, как мы разработали своё первое приложение для платформы Sailfish OS (о разработке под которую уже был ряд статей).



Задачей было написать приложение, с помощью которого можно было бы изучать и запоминать литературные термины. Так как реализовать обычный словарь с толкованием слов слишком просто и скучно, то было принято решение: организовать процесс обучения через взаимодействие с пользователем. Рассмотрев все доступные варианты построения взаимодействия с пользователем, было решено сделать обучение в виде тестов.
Читать дальше →
Всего голосов 23: ↑22 и ↓1 +21
Просмотры 7K
Комментарии 36

Интервью c Max Stoiber и Сергеем Лапиным: Выбираем state management решение для React.js

Блог компании JUG Ru Group Разработка веб-сайтов *JavaScript *ReactJS *


В преддверии конференции HolyJS мы поговорили с Максом Штойбером (одним из организаторов React.js Vienna Meetup, создателем react-boilerplate, принимавшим участие и в создании Carte Blanche) и Сергеем Лапиным (членом программного комитета HolyJS) и обсудили, как выбрать state management решение.

Redux, MobX, Relay или другая реализация Flux? Практические рекомендации и лучшие практики.

Макс Штойбер


– Макс, привет! Для начала коротко представься и расскажи о себе.

– Привет! Меня зовут Макс Штойбер, я Open Source разработчик, работаю в компании Thinkmill. Мы делаем всякие прикольные штуки вроде KeystoneJS, разрабатываем веб- и мобильные приложения, вносим свой вклад в улучшение User Experience.

– Звучит круто! Расскажи, как давно ты всем этим занимаешься, когда открыл для себя React, и в каких проектах участвовал?
Читать дальше →
Всего голосов 40: ↑38 и ↓2 +36
Просмотры 9K
Комментарии 2

Как избежать излишней сложности состояния приложения [перевод]

Проектирование и рефакторинг *ReactJS *
Из песочницы


Реализации Flux, такие как Redux, мотивируют нас уделять больше внимания проектированию состояния приложения. Оказывается, это нетривиальная задача. Это похоже на классический пример из теории хаоса, когда, казалось бы, безобидный взмах крыльев бабочки ведёт к далеко идущим последствиям. Ниже приведены советы, которые помогут вам лучше организовать состояние приложения.
Читать дальше →
Всего голосов 19: ↑19 и ↓0 +19
Просмотры 17K
Комментарии 7

Пишу как хочу, или Все на встречу с ruHaskell в «Лаборатории Касперского»

Блог компании «Лаборатория Касперского» Haskell *

6 апреля 2017 «Лаборатория Касперского» и сообщество RuHaskell вновь будут рады видеть всех, кто считает Haskell лучшим языком на свете. На этой второй по счету встрече (на первой прошлогодней мы тоже говорили о магии типов Haskell и сравнивали его с C++) обсудим наш язык и его “коллег по цеху” в функциональной парадигме, поделимся опытом применения в решении прикладных задач бизнеса, поднимем наболевшие вопросы и наконец, просто пообщаемся.

В программе — много полезного и ценного: если коротко, то узнаем как применять Haskell там, где его пока не используют — для GUI на десктопе и в браузере, как альтернативу базе данных, как «клей» для внешних сервисов, — и почему это хорошо и правильно. А если подробно, то вас ждут следующие доклады:
Читать дальше →
Всего голосов 18: ↑17 и ↓1 +16
Просмотры 4.4K
Комментарии 6