hzzzzl

document.querySelectorAll('#select option').forEach(n =>
  if (n.selected == true) {
    n.textContent += n.value + '!';
  } else {
    n.textContent += n.value + '-';
  }
)

почему именно папка build должна попадать в сервер?

я свой проект на react буду заливать в express js

• на сервере будет запущена node, которая запустит express
  
• экспресс будет раздавать в пользовательские браузеры index.html из собранного (build) приложения реакт, которое будет лежать в своей отдельной папочке
  
• юзеры будут обращаться к приложению, оно будет разговаривать с экспрессом
  

Согласно спецификации языка, разница между пре- и постинкрементом состоит в том, что при вычислении выражения значением результат является в одном случае старое, а в другом — новое значение инкрементируемой переменной

n = 1;
n1 = n++;
console.log(n, n1) // 2, 1

function modify(str,n){
 var result;
 var = n++;  // ?
 str+n;  // ? ок это никуда не сохраняется и ничего не делает
 return result;   // чему равен result?
}

for (const form of document.querySelectorAll('form')) {
    form.addEventListener('submit', (event) => {
      
       event.preventDefault()
       alert('123')

    }); 
}

catch (err) {
    const errors = err.response.data.errors;
    if (errors) {
      dispatch({
        type: FORM_ERROR,
      });
      // return errors[0].msg;
      throw new Error(errors[0].msg)
    }
  }

<Route exact path="/" component={SignupForm} /> 
<ProtectedRoute path="/home" component={Home} />  {/* если что, будет редиректить на "/" */}
<Route path="/login" component={LoginForm} />

for (const showText of document.querySelectorAll('.show-text')) {
    showText.addEventListener('click', () => {
      var seoText = document.querySelector('.tmnl-p');   
      if (seoText) {
        seoText.classList.toggle('hide-before'); 
      }
    }); 
}

<div class="blah">
  <p class="tmnl-p">Какой-то текст </p>
  <a class="show-text">Кляц!</a>   <-- почему не button? -->
</div>


for (const showText of document.querySelectorAll('.show-text')) {
    showText.addEventListener('click', () => {
      var seoText = showText.parentNode.querySelector('.tmnl-p');    // тот который в одном блоке с кнопкой
      if (seoText) {
        seoText.classList.toggle('hide-before'); 
      }
    }); 
}

const childElements = photos.map(photo => (
        <li className="list-unstyled">
            <Link to={`/${photo.id}`}>
                <img
                    className={`rounded ${ hovered === photo.id ? 'hover-class' : '' }`}
                    style={styles}
                    src={photo.urls.small}
                    alt={photo.description}
                    onMouseOut={() => {
                        setHovered(null)
                    }}
                    onMouseOver={() => {
                        setHovered(photo.id)
                    }}
                />
            </Link>
        </li>
    ))

ar = [{id: 2},{id: 23},{id: 21},{id: 244},{id: 21},{id: 2},{id: 22},{id: 23}]

const uniqIds = new Set(ar.map(a => a.id));

[...uniqIds]
  .map(id => ar.find(a => id === a.id))
  .map(el => <Component data={el} />)