lnked

Попробуйте fullcalendar git

мне кажется вы имеете ввиду возможность react dev tools включается так - https://monosnap.com/file/zJd5vuToWPfD4Y2xKr45JRcl...

...
state = {
    json: [],
}
...
componentDidMount() {
    fetch('https://site.com/data.json')
        .then(response => response.json())
        .then(json => this.setState({ json }));
}
...
render() {
    const { json } = this.state;

    return (
        {json.map(({ id, link })) => (
            <div>
                <span>{id}</span>
                <span>{link}</span>
            </div>
        )}
    )
}
...

Читайте документации

Я сделал через переменные окружения .env.production и .env.development очень удобно

Используйте шаблон вот пример

В html должен быть только этот шаблон

<template id="tmpl-popup-student">
    <div class="popup" id="popup_student" aria-hidden="true" tabindex="-1">
        <button class="popup__close j-popup-close" aria-label="Закрыть"></button>

        {{#if title}}
        <header class="popup__header popup__header_simple">
            {{title}}
        </header>
        {{/if}}

        <div class="student">
            {{#if student.name}}
            <div class="student__name">
                {{student.name}}
            </div>
            {{/if}}

            {{#if student.rate}}
            <div class="student__rate">
                {{student.rate}}
            </div>
            {{/if}}
        </div>
    </div>
</template>

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

для шаблонов использую template7

моя функция рендера

((d) => {
  window.template = (id, data, precompile) => {
    if (typeof precompile === 'undefined') {
      precompile = false;
    }

    if (d.getElementById(id) !== null) {
      const pattern = d.getElementById(id).innerHTML;

      if (precompile) {
        if (!window.precompiledT7) {
          window.precompiledT7 = Template7.compile(pattern);
        }

        return window.precompiledT7(data || {});
      }

      return Template7.compile(pattern)(data || {});
    }

    return '';
  };
})(document);

вызывается так

var data = {
  title: 'О студенте',
  student: {
    name: 'Иванов Иван',
    rate: '4.5'
  }
}

template('tmpl-popup-student', data)

var x = { xxx: 'xxx' };
var y = { yyy: 'yyy' }
var z = { zzz: 1 }
var joint = Object.assign({}, x, y, z)

Так работает

var string = 'Автошина ТЮМЕНЬ 175/70';
var find = 'шина 175';

var particles = find.toLowerCase().split(' ');
string = string.toLowerCase();

var status = true;

for (var i = particles.length - 1; i >= 0; i--) {
	if (string.indexOf(particles[i]) < 0)
	{
		status = false;
	}
}

console.log('Содержит: ', status);

overflow-y: scroll;
overflow-x: hidden;
overflow-y: -moz-scrollbars-none;
overflow-style: none;

&::-webkit-scrollbar {
    width: 0;
}

parentСomponent {
  dataUpdate (data) {
     // тут ты получаешь данные 
  },
  render (
     <childrenComponent dataUpdate={this.dataUpdate.bind(this)} />
   )
}

childrenComponent {
   props {
     dataUpdate: func
   }
   //при любых изменениях данных передаешь их в родительскую функцию и родитель получает данные
}