Роман Александрович

<Text> { item.date.replace(/\-/g, '.') } </Text>

Не пробовали делать тот же самое, но без socket.io ? Как здесь. На коде из примера по вашей ссылке connect происходит без проблем. Проверял на expo, не cli.

Запросы на сервер делаются в componentDidMount, это нужно для того чтобы пользователь увидел страницу сразу, а не ждал загрузки контента с сервера. Пока данные не загружены обычно отображается прелоадер. Вот пример

Вот тут проверяем что данных еще нет и возвращаем спиннер

А как только данные придут отобразится список данных

Вот вполне понятный пример из официальной документации. Вместо колбеков можно использовать async/await , но суть та же

Можно передавать в connect опцию withRef:

export default connect(mapStateToProps, null, null, { withRef: true })(Component);

Получать ref переданного в connect компонента надо так:
this.someRefName.getWrappedInstance();
где someRefName - это ref полученный от connect.

getWrappedInstance будет доступна для вызова только если вы передадите опцию withRef.

Для решения вашей задачи можно использовать debounce:

handleChange = e => {
  // handler
};
handleChangeDebounced = debounce(handleChange, 300);

<Input onChange={this.handleChangeDebounced} />

Если используете библиотеку lodash, то там есть реализация debounce

Попробуйте так:

yield all(effects)
yield put({type: 'LOAD_END', payload: {results} })

Что-то подсказывает, что Вы используете create-react-app.
Если так, тогда читайте документацию "Building for Relative Paths".

Еще лучше вот как делать: перед npm run build надо создать переменную окружения PUBLIC_URL (читать тут)

https://reacttraining.com/react-router/web/example...

А вы вообще понимаете, что делает метод forOwn? Явно нет. Он перебирает собственные свойства объекта, передавая их в коллбек. Всё. Что вы там из коллбека вернёте - неважно, forOwn вернёт переданный объект. Документацию могли бы и почитать.

Вам lodash тут не нужен:

Object.keys(notif).map(key => <div key={key}>{key} - {notif[key]}</div>)

А если всё же без него никак, то используйте map вместо forOwn:

_.map(notif, (value, key) => <div key={key}>{key} - {value}</div>)

лучше писать в constructor() чем в render(). т.к bind будет происходить каждый рендер (onClick = {this.func.bind(this))

Именно так и есть. То есть "уйдет больше памяти" , так как она будет расходоваться из-за постоянного определения новых (анонимных () => {...} ) функций.

Еще можете использовать плагин для babel: transform-class-properties и тогда сможете писать сразу так:

class BlaBla extends React.Component {
  myFuncWIthThis = () => {
     ....
  }
  render() {
    <button onClick={this.myFuncWithThis}>Click me</button>
  }
}

в state ложите переменную по клику на кнопку ее меняете, в рендере компонента className делаете в зависимости от переменной в state

DatePicker состоит из двух компонентов: TextField и DatePickerDialog. Доступа к DatePickerDialog в контексте DatePicker у вас нет, к тому же состояние диалога хранится в стейте самого компонента, соответственно нужно использовать непосредственно сам DatePickerDialog. У него есть функции для изменения своего стейта: dismiss() и show().

import React from 'react';
import DatePickerDialog from 'material-ui/DatePicker/DatePickerDialog';

export default class SomeComponent extends React.Component {

  constructor(props, context) {
    super(props, context);
    this.closeDatePicker = this.closeDatePicker.bind(this);
    this.openDatePicker = this.openDatePicker.bind(this);
  }

  closeDatePicker() {
    this.datePicker.dismiss();
  }

  openDatePicker() {
    this.datePicker.show();
  }

  render() {
    return (
      <div>
        <button onClick={this.openDatePicker}>Open</button>
        <button onClick={this.closeDatePicker}>Close</button>
        <DatePickerDialog ref={ref => this.datePicker = ref} />
      </div>
    );
  }
}

как то это все надуманно, кто мешает писать что то вроде

result.sort((a, b) => entities.data[a].sortField - entities.data[b].sortField).map(id=>this.renderData( entities.data[id]) )

Если добавление кавычек не помогает, то проверьте не стоит ли у вас русская буква a в теге ссылки.

Всегда есть возможность вызывать static методы вне класса. (немного по вашему вопроса на SO)

class GroupPage extends Component {
    static deleteItem(item){
        console.log('item',item)
    }
}
...
const SortableItem = SortableElement(({value}) =>
    <li className="listStyle">
        {value.video.time !== 0 ?
         <Button bsStyle="primary" onClick={()=> GroupPage.deleteItem()}>-</Button> : null}  
    </li>);