Тем не менее, привычные инструменты частенько лучше хайповых, особенно под небольшие и быстрые задачи

в reactjs больше хайпа

больше вариантов

в angular у тебя выбор несколько ограничен там все из коробки почти

в реакте тебе надо выбирать

flux

mobx

redux

redux-*

saga

пиздец

create-react-app

И вперед

И не надо думать

это от ФБ то что новое?

Берешь самые простые инструменты и пилишь главный функционал, не отвлекаясь, потом само придет

Да, бойлерплейт от фб

Годная тема

ну вот он не так давно появился

я как-то не юзал особо бойлерплэйты

просто смотрел

и там или пиздец какой-то оверкомпликэйтед

или чего-то нет

или чего-то нет

Ну это всегда так будет

https://github.com/ReactTraining/react-broadcast

https://github.com/ReactTraining/react-broadcast

Import { withContext, getContext } from 'recompose';

Большое приложение - см. ducks

Import { withContext, getContext } from 'recompose';

Ну это recompose надо использовать, я конечно использую, но многим он непонятен

Ну это recompose надо использовать, я конечно использую, но многим он непонятен

чем, например?

Import { withContext, getContext } from 'recompose';

Судя по ридми recompose не заменит broadcast (именно getContext/withContext)

Судя по ридми recompose не заменит broadcast (именно getContext/withContext)

То есть ты думаешь что оно использует какую-то темную магию не задокументированную в API реакта? Спешу тебя разочаровать, единственное отличие - это добавление/удаление к коллекцию бродкастов) https://github.com/ReactTraining/react-broadcast/blob/master/modules/Subscriber.js#L21

ах да, забыли добавить import { onlyUpdateForKeys } from 'recompose' )

То есть ты думаешь что оно использует какую-то темную магию не задокументированную в API реакта? Спешу тебя разочаровать, единственное отличие - это добавление/удаление к коллекцию бродкастов) https://github.com/ReactTraining/react-broadcast/blob/master/modules/Subscriber.js#L21

Да нет же, там ниже subscribe

В ридми указано, цель обойти проблему изменеия контекста и shouldComponentUpdate

https://github.com/facebook/react/issues/2517

Я про эту проблему

вопрос по ssr. рендерю renderToString, и гружу bundle, но после загрузки бандла, все ререндерится, хоть и никаких ворнингов про checksum failed нет((

ЧЯДНТ

ребят подскажите как перезагружать компонент после того как поменялись this.props в редаксе

http://pastebin.com/UJ2agYyQ

вот код компонента

componentWillReceiveProps(nextProps)

componentWillReceiveProps(nextProps){ twttr.widgets.load(); }

что-то делаю не так

не перезагружается на новый твиттер список

функция должна вернуть true

? Дамы и господа! На следующей неделе, в четверг, состоится конференция InterCom 2016, ктороая будет посвящена интеграции веб и мобильных приложений с голосовыми, видео и текстовыми коммуникациями, чатам, ботам и месседжингом в целом. Что там будет? Звиад Кардава, Google Developer Expert, расскажет о своем опыте разработки Back-end для мессенджеров - он занимался этим последние несколько месяцев и делал глубокий анализ доступных прямо сейчас технологий. Максим Лапшин расскажет про серверную реализацию WebRTC для видеостриминга, а Игорь Шеко - про клиентскую, для работы с голосом и видео в браузерах и на мобильных платформах. Александр Сербул из Битрикс24 расскажет сразу про Front-end и Back-end, при реализации видеозвонков и шаринг экрана со стороны мобильных приложений, отображение большого количества данных в реальном времени со стороны сервера. На наши группы выделили несколько подарочных билетов и мы с удовольствием их розыграем, для того, чтобы принять участие - заполните форму: https://denisizmaylov.typeform.com/to/UA3bDP

Господа, как реализовать циклы в реакте? Нужно выносить всё в отдельную функцию, или это как-то возможно реализовать в самом render?

map?

{ this.props.youtubeGame.map((item, index) => { return ( <li className={(this.state.selectedIndex === index) && 'active'} onClick={this.handleClick.bind(this, item, index)} title={item.title} key={index}> {item.name} </li> ); }) }

индексы незя ключом, если коллекция поменяется, то реакт неуследит, ибо они будут теми же

надо уник чтоб было

желательно из свойств объекта

как это сделать прописывать ID вручную ?

А у меня нет массива, просто нужно вывести n раз

да, если нет с корня то лучше самому проставить, но если изменений нет, то они не понадобятся, но ругаться реакт будет

> просто нужно вывести n раз тогда тебе можно [,,,].map(...)

ладно, спасибо, пойду гуглить

Попробуй это https://www.npmjs.com/package/jsx-control-statements

Условия и циклы

http://pastebin.com/xbFAghNf

не получается перезапустить твиттер виджет

после того как props поменялся через редакс

window.twttr = (function (d,s,id) { var t, js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js=d.createElement(s); js.id=id; js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } }); }(document, "script", "twitter-wjs"));

а на старте свойство в пропс приходит?

да

я по клику меняю ссылку на твиттер виджет

ничего не происходит

лента не меняется

у твиттера худшее апи

как эти ленты менять без перезагрузки самой страницы

мб по клику не диспатчится объект с измением? ака экшн

через консоль лог проверял

href меняется у ссылки

там просто какая то система не понятная

оно вместо ссылки iframe вставляет

оно - либа для твитера?

http://i.prntscr.com/8f1ab753d9d44b8385434ea1dddac41c.png

вот такая ересь

менять динамично ссылку не получается

знаю что где то нужно присунуть twttr.widgets.load();

а где без понятия

когда ссылка поменяется

когда то давно на jquery делал

$('#tv-box').load('/channels/' + tv.name + '.html '); var $twitter = $('<a class="twitter-timeline" href="https://twitter.com/' + tv.twitter + '"data-widget-id="' + tv.widget + '"></a>'); $("#twitter").empty().prepend($twitter); twttr.widgets.load();

У тебя на скриншоте несколько синтаксических ошибок

Посмотри как в JavaScript реализуются циклы

Можно через обычный цикл for твою задачу решить

мне чуть выше посоветовали через map сделать

map итерирует коллекцию элементов, в твоём случае ее нет

map это функция от объекта и индекса

Точнее внутри map, то, что у тебя сейчас без параметров

Нет объекта - шаг пропускается