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

Олег Гамега,
import * as actions from "../actions";

export default function(state = [], action) {
  switch (action.type) {
    case actions.FETCH_ITEMS:
      let items = action.payload;
      return [...state, items];
    default:
      return state;
  }
}

В чем отличие объявления этих двух функций?

Сработает, я видел её использование в Реакте

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

Олег Гамега, Странно, в порядке, вызывает мой AC
Кстати, спасибо за react devtools, не знал о нём :)

Как работает этот AC с async/await?

Спасибо, теперь всё понятно
Вы мне в первый раз рекомендовали redux-saga, я тогда первый проект и сделал на redux saga. Сейчас решил нативно попробовать
Меня смущало то, что WebStorm подсвечивал dispatch как неактивную ф-ю.
Кстати, а ести мы добавляем потом return dispatch({...}) , то получается возвращаем второй раз функцую dispatch?

Почему постоянно "хочется отвлечься на что-то другое"?

Да, неплохая статья. Пробовал пользоваться этой матрицой?

Как поочередно показывать элементы?

Антон Спирин, Вау, интересно! Вообще не знал таких методов. Можно вам тут отписывать, если с чем то столкнусь?

Как поочередно показывать элементы?

Артур, Так, проверил. Да, стейт один, но код разростется неймоверно. 8 разных обработчиков, 8 элементов формы. Точно-точно не костыль ?)

Что то вроде этого на примере двух форм :

addMessage = e => {
    e.preventDefault();
    let data = {
      component: this.state.component,
      component_name: this.state.component_name
    };
    this.setState({ current_form: "test-2" });
    this.props.addComponent(data);
  };

  addMessage_test = e => {
    e.preventDefault();
    let data = {
      component: this.state.component,
      component_name: this.state.component_name
    };
    this.setState({ current_form: "test-3" });
    this.props.addComponent(data);
  };

{current_form == "test-1" && (
          <form onSubmit={this.addMessage.bind(this)}>
            <input
              type="text"
              value={this.state.component}
              onChange={e => this.setState({ component: e.target.value })}
            />
            <input
              type="text"
              value={this.state.component_name}
              onChange={e => this.setState({ component_name: e.target.value })}
            />
            <input type="submit" />
          </form>
        )}
        {current_form == "test-2" && (
          <form onSubmit={this.addMessage-test.bind(this)}>
            <input type="text" placeholder="new" />
            <input
              type="text"
              value={this.state.component}
              onChange={e => this.setState({ component: e.target.value })}
            />
            <input
              type="text"
              value={this.state.component_name}
              onChange={e => this.setState({ component_name: e.target.value })}
            />
            <input type="submit" />
          </form>
        )}

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

Олег Гамега, Хм...но ведь он вызывается один раз в componentDidMount. Мне кажется, нужно что-то вроде on("child_added"), или как-то менять родной стейт, а не редакса...

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

Да, вот так я их тяну :

export const fetchComponents = () => async dispatch => {
  let comps = await fire.database().ref("components");
  return comps.on("value", snapshot => {
    return dispatch({
      type: FETCH_ITEMS,
      payload: snapshot.val()
    });
  });
};

Но они в стейте лежат в переменной content, она же отвечает за вывод:
<ul>{content}</ul>

Когда я добавляю элемент, это переменная не меняется и код не обновляется :(

Как поочередно показывать элементы?

Антон Спирин, Хорошо, а показывать/скрывать? Дать шагам id и показывать/скрывать с помощью...?

Как поочередно показывать элементы?

Если у меня будет 8 форм - это не будет костылём?

Как поочередно показывать элементы?

К сожалению, в моем проекте нет каких-то якорей в виде предназначении форм. Это как туду-лист. Там все формы "безликие"

MBP 13" 2011 и два внешних FullHD монитора, реально?

И как тянет, норм?

Если купить внешний SSD для Macbook'a, будет ли он полноценно работать?

DevMan, Спасибо

Если купить внешний SSD для Macbook'a, будет ли он полноценно работать?

Интересная вещь. Я смогу на нём создать отдел на 200ГБ под Time Machine, а остальные 800 - под свои дела?

Как работает магистраль памяти в процессоре 8086?

Ого, братан, помог! Прям заканало сразу! Вот уж не догадался сразу в вики заглянуть

Почему выдаёт ошибку при добавлении нового элемента в Array?

Антон Спирин, Тебе бы значок "Реакт-эксперт" на Тостере дать :)
Спасибо

Почему выдаёт ошибку при добавлении нового элемента в Array?

Спасибо!
Ну, я отправил, но не доделанное. Не представлял, как можно делать дальше.
Блин, обидно возвращаться к докам, когда уже есть какой-никакой бэк, хотя сам об этом думал.

Пара вопросов о реализации фильтров в Реакте?

Дали такое тестовое задание.

Что не так у меня с профилю/CV?

kally, Здравствуйте. Не знаю :)
Как по мне, чем выше я задираю рейт, тем больше заказов.
ИМХО, важно скинуть пару похожих проектов, если они есть и задать вопросы относительно джоб поста.
Удачи! Надеюсь, через месяц вы купите свою первую сумочку Гуччи.