Типа флаг выставлять needScroll?

Для реакта если я правильно понял обязательным является подключенный сервер?

Что?

Реакт это библиотека для вьюх. Зачем ей сервер?

Типа флаг выставлять needScroll?

Ну получишь ньюпропс и анализируй, скролить или нет

ну я по документации подключил реакт.джс и реакт-дом.джс

все-равно не выводит хелло ворлд

Ммм.

Там для jsx нужен транспайлер.

А так, посмотри как делать на чистом js.

Jsx это сахар.

Ну не обязательно, я думаю, что самый топовый вариант учить рекат - это по их официальному туториалу

у меня он жалуется на синтаксис.

пример взял с офф туториала

А что говорит?

Uncaught SyntaxError: Unexpected token <

Ну не обязательно, я думаю, что самый топовый вариант учить рекат - это по их официальному туториалу

В офф туториале есть jsxless вариант.

пример взял с офф туториала

Посмотри на https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html

Жалуется он на jsx, его надо обрабатывать.

Вот тут утилза, которая может тебе по бырому сделать бойлерпдейт.

Чтобы играться как хочешь и

Ну получишь ньюпропс и анализируй, скролить или нет

Лан, думал, есть способы помодней типа миддлварь

Чтобы играться как хочешь и

спасибо

Лан, думал, есть способы помодней типа миддлварь

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

Лан, думал, есть способы помодней типа миддлварь

Как миддлварь поможет если чтобы проскроллиться тебе нужен будет дом элемент?

Ну мало ли, я потому и спрашиваю:)

Ребят, всем привет еще раз. Я опять с тупыми вопросами =) Начал новый проект на react+redux+router. В прошлом вроде разобрался и все работало. В этом не получается. А не работает одно: не ререндерит при обновлении в сторе редуксовом. Troubleshooting на редуксе смотрел: 1. Never mutate reducer arguments case Action.LIST_LINKS: { var newState = Object.assign({}, state, { links: action.parameter }); console.log(newState) return newState; } break; 2. Don’t forget to call dispatch(action) export function listUsefulLinks() { var action = usefulLinksActions.listLinks(links); store.dispatch(action); return action; 3. Make sure mapStateToProps is correct function mapStateToProps(state) { const props = { usefulLinks: state.usefulLinks }; return props; } редьюсеры: const reducers = { browser: responsiveStateReducer, usefulLinks: require('../reducers/usefulLinks.js') }; module.exports = combineReducers(reducers); При этом данные из стора в initialState которые отображает, но при обновлении их в сторе не ререндерит. Куда еще копнуть?

Проект закрытый?

Блин, заработало

Только отписал сюда =)

Осталось понять почему не работало =)

Конфигурировал стор по одной из статей: store.js const redux = require('redux'); const reducers = require('../reducers'); module.exports = function(initialState) { if (module.hot) { // Enable Webpack hot module replacement for reducers module.hot.accept('../reducers', () => { const nextReducer = require('../reducers') store.replaceReducer(nextReducer) }) } return store } Подключал как: import configureStore from './stores'; const store = configureStore();

Отработало когда сделал как обычно: store.js const store = redux.createStore(reducers); export default store; Подключение: import store from './stores';

Но в общем понял, спаисбо. Видимо нужна была "уточка" чтобы дойти

А вы диспатчите экшены прям в компонентах или выносите это куда-то в слой апи? У меня как: есть директория с экшенами: export function listLinks(parameter) { return { type: LIST_LINKS, parameter }; }; есть директория с апи: import store from ''; export function listUsefulLinks() { var action = usefulLinksActions.listLinks(links); store.dispatch(action); return action; } А в компоненте просто дергаю listUsefulLinks() Но в туториале по редуксу все совсем по другому: Там везде возвращаются функции и если честно, у меня немного мозг рвет от того как там реализовано в примере RedditApi

http://redux.js.org/docs/advanced/ExampleRedditAPI.html Вот например есть там containers/AsyncApp.js componentDidMount() { const { dispatch, selectedSubreddit } = this.props dispatch(fetchPostsIfNeeded(selectedSubreddit)) } Откуда в props dispatch?

Эт норма.

Есть экшены, как ты их диспатчишь, это твое дело. Экшены уходят, редюсер редюсит, и все отлично.

Ну, на самом деле все немного сложнее.

dispatch берется когда компонент обараичвается в connect

export default connect(mapStateToProps)(AsyncApp)

Т.е. при коннекте в пропрсы всегда добавляется функция dispatch?

поскольку тут не передан второй параметр - mapDispatchToProps, то вместо него передается дефолтный: dispatch => ({ dispatch })

нет

если ты не указал mapDispatchToProps, или если ты указал mapDispatchToProps и там пробросил dispatch

export default connect(mapStateToProps)(AsyncApp) === export default connect(mapStateToProps, dispatch => ({ dispatch }))(AsyncApp)

О! Вот это уже понятно!

:)

Хм, т.е. описав: function mapDispatchToProps(dispatch) { const actions = {listLinks: require('../actions/usefulLinks/listLinks.js') }; const actionMap = { actions: bindActionCreators(actions, dispatch) }; return actionMap; } export default connect(mapStateToProps, mapDispatchToProps)(Home); Я смогу использовать примерно так: this.props.actions.dispatch(this.props.actions.listLinks) ?

Тут недавно писали где-то, мол умным людям лучше меньше общаться со смертными, иначе ждёт деградация. Вот читаю этот чатик и чувствую, как тупею.

))

подскажите почему у меня componentWillMount не загружает внешние данные до рендера компонента?)

там через action

все же должно работать?

нет

почему?)

Построение дерева реактовских элементов и последующий рендеринг - это синхронные операции. Они не будут ждать асинхронных сайд-эффектов

но у меня thunk подключен

тут интереснее момент получился

<button onClick={this.props.loadDate}> Here </button> {this.props.loadDate} почему при клике все работает, а во втором случае нет, хотя идет друг за другом

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

{this.props.loadDate} Что это?)

Тут недавно писали где-то, мол умным людям лучше меньше общаться со смертными, иначе ждёт деградация. Вот читаю этот чатик и чувствую, как тупею.

https://www.reddit.com/r/iamverysmart

ERROR: S client not available

https://www.reddit.com/r/iamverysmart

О, прям для меня. Спасибки.

Подскажите сильно ли большая разница между версиями React 0.14.3 и 15.3.0

https://github.com/facebook/react/compare/v0.14.3...v15.3.0

обогнал )))

Ребята привет, кто React DnD юзал?

Я немного.

Реордеринг фоток делал в списке.

Подскажите сильно ли большая разница между версиями React 0.14.3 и 15.3.0

15.3.0 - 0.14.3 === Uncaught SyntaxError: Unexpected number

А вообще читай тут https://github.com/facebook/react/blob/master/CHANGELOG.md

Ребят, такой вопрос, мб кто подскажет http://stackoverflow.com/questions/38779219/how-to-proper-manage-redux-state

в скупе еще спрашивал, но чета не подсказали

> skype Я знаю решение.

Перестать юзать скайп.

И хуй-пизда.

Тогда все будет нормалды.

Перестать юзать скайп.

?

Вот воопрос, а кто-нибудь тут ещё сидит в дискордовском Reactiflux?

Последний раз я туда заходил месяца 4 назад, там всё печально было. Куча людей, куча каналов, скорость ответа от часа до нескольких дней.

@react_js - лучшая группа на земле :) ура

Лучшая русскоговорящая это точно.

Зачем то сообщения в новом телеграмме скруглили ?

Зачем то сообщения в новом телеграмме скруглили ?

Это в каждом чатике будут обсуждать?)

Это в каждом чатике будут обсуждать?)

Не приставай к парням

Проблема в том, что опять горы кода лопатить

Вопрос со скроллом интересный и меня тоже волнует, так как хорошего решения не нашел еще. А задача для формочек актуальна была. В первой итерации решили делать на уровне компонента scrollIntoView с соотв. проверкой в componentDidUpdate

Всем привет! Ребята, нужно мнение знатков, если есть опыт работы с картами, подскажите пожалуйста. Использую абсолютно шаблонный код import React, { Component, PropTypes } from 'react' import ReactDOM from 'react-dom' import L from 'leaflet' class MapPage extends Component { componentDidMount() { this.map(); } map() { var map = L.map('map').setView([51.505, -0.09], 13); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); } render() { return <div id="map">xx</div> } } А получаю странную карту на выходе, и такое уже не с первой картой.

Есть react-leaflet библиотека для удобства

Не приставай к парням

А ты ко мне