Vanya Huk

render() {
  const { someStateKey } = this.props;  

  if (!someStateKey) return null;

  return (
    {/* component JSX code */}
  );
}

получите информацию через CURL

Provider передает данные store в контекст.
connect использует эти данные, поэтому использовать этот HOC можно только в компонентах дочерних Provider.
Вам надо немного реорганизовать структуру:

import { render } from 'react-dom';
import {createStore} from "redux";
import rootReducer from "../reducers";
import Auth from './components/Auth';

const store = createStore(rootReducer);

render(
  <Provider store={store}>
    <BrowserRouter>
      <Auth />
    </BrowserRouter>
  </Provider>, 
  document.getElementById('root'),
);

import React, {Component} from 'react';
import {connect} from 'react-redux';

class Auth extends Component {
  render() {
    return (
      <Switch>
        <Route exact path={this.props.api.signin} render={() => Test}/>
      </Switch>
    );
  }
}


const mapStateToProps = state => ({
  api: state.api,
});

export default connect(mapStateToProps)(Auth);

Диспетчер служб IIS -> Установщик веб-платформы -> в поиске набрать php, добавить нужную версию.

Так обрабатываете это действие во всех нужных редьюсерах. Они вызываются по цепочке.

https://laravel.com/docs/5.6/middleware

Потому что вы передаете в this.setState тот же массив.
Обновляйте так:

addGroup = () => {
  this.setState(prevState => ({ items : [ ...prevState.items, undefined ] }));
};

И уберите bind из render. В моем примере class field arrow function, ее биндить не надо.

Метод shouldComponentUpdate можно изменить так:

shouldComponentUpdate( nextProps, nextState ) {
   return nextState.items !== this.state.Items;
}

Если такой проверки мало, можно изменить так:

shouldComponentUpdate( nextProps, nextState ) {
   return nextState.items !== this.state.Items &&
     JSON.stringify(nextState.items.sort()) !== JSON.stringify(this.state.items.sort());
}

Если массив заменен, то пройдет приведение к строке и сравнение строк и если массивы разные вернется true и компонент обновится. Можно для сравнения использовать _.isEqual().
Но в большинстве случаев достаточно первого варианта с неглубоким сравнением.

в shouldComponentUpdate nextState.items почему-то равно всегда this.state.items

Разумеется - вы же не создаёте новый массив.

Замените

let items = this.state.items;
items.push( undefined );

на

let items = [ ...this.state.items, undefined ]

Компоненты должны рисоваться в цикле ( map'ом или forEach'ом ). Данные должны лежать в стейте. При клике на "добавить" - появляется новая запись в state и компонент автоматически дорисовывается.

Псевдо код:

state = {
  modelSelectors: [{obj1}, {obj2}]
}

renderSelectors = () => {
  this.state.model.selectors.map(item => <Select ... />
}

addSelector = () => {
  this.setState({ modelSelectors: +1 элемент в массиве })
}

'user.name'.split('.').reduce((obj, key) => obj[key], filter_params)

С помощью lodash: метод at

protected $dates = [
    'created_at',
];
protected $appends = [
    'created_time',
];
public function getCreatedTimeAttribute()
{
    return $this->created_at->diffForHumans();
}

После этого у вас у объекта будет доступно $item->created_time; и в массиве JSON тоже будет такое поле и вы его будете видеть в массиве

Product::take(10)->with('model', 'model.brand')->get();

И почитать вот здесь все

[1,'2'].some(x => +x==1) // true
[1,'2'].some(x => +x==2) // true

Потому что это JSX. Можно исправить так:

render() {
  const { _sharedData: { auth_user } } =  this.props;

  const shouldShowIconMenu = +auth_user === 1;

  return (
    <AppBar>
      {shouldShowIconMenu && (
        <IconMenu>
          ...
        </IconMenu>
      )}
    </AppBar>
  );
}

JSX это все-таки синтаксический сахар над React.createElement. Вызов if-else, как и for внутри JSX транслировался бы в нерабочий код. Пример:
JSX:

<div id={if (condition) { 'msg' }}>Hello World!</div>

В результате трансляции получаем невалидный код:

React.createElement("div", { id: if (condition) { 'msg' } }, "Hello World!");