Владимир

https://www.serverlab.ca/tutorials/linux/web-serve...
https://stackoverflow.com/questions/44038456/how-t...
Google - configure Nginx(Apache) for React(Angular)

Два функциональных компонента первый - App выводит пачку вторых компонентов Welcome
Открой песочницу и сам попробуй написать https://codesandbox.io/s/

В данном случае блок выедется только если news не undefined, не равен null или 0

news.map(newsItem => (
            <Card
              title={newsItem.title}
              key={
                new Date(newsItem.publishedAt).getTime() - Math.random() * 25
              }
              urlToImage={newsItem.urlToImage}
              description={newsItem.description}
            />
          ))

гуглите react conditional rendering

Попробуйте ставить ноду вот этим https://github.com/nvm-sh/nvm не от рута а от пользователя.
Даже если не захотите ставить nvm, погуглите как использовать npm install от пользвателя, а не от рута.

Предпочтительный вариант - почитать про redux и redux-saga или redux-thunk.
Второй вариант - обернуть в async await

https://www.apollographql.com/docs/react/recipes/t...

https://redux-saga.js.org/docs/introduction/Beginn...
С сокетами еще работает Apollo GraphQL

Рано или поздно всеравно прийдете или к первому или ко второму
Если хочется совсем просто https://reactjs.org/docs/react-component.html#the-...
Когда монтируете компонент - подписываетесь на сообщения, с каждым сообщением обновляете стейт компонента, когда демонтируете компонент не забудьте отписаться

Из мухи слона сделали.
Есть конкретные случаи, когда мутировать нельзя, нужно создавать новый, например если вы в редаксе будете мутировать стейт, у вас компоненты не увидят изменений, если вы детектите изменения по объекту, и надеетесь, что изменив часть его, ваш детектор сработает, тоже будет облом. Иногда бывает что вам нужен исходный объект, а вы его в процессе работы взяли и мутировали. Например, вам нужен для работы исходный массив объектов, вы фильтруете его, радуетесь тому что массив у вас новый, но забываете что объекты то в этом масиве старые, и мутируете их.

Сама по себе мутация не страшна совсем, более того, дешевле мутировать старый объект а не создавать на каждый чих новый и ждать когда старые сборщик соберет. Но как и везде в яваскрипте нужно много и продуктивно думать, нужно всегда знать чего ту мутируешь и какие будут последствия.

В реакте кстати, практически всегда мутировать нельзя

В реакте синтетические ивены, и вешаются они через проперти, соответственно две функции навешать нельзя, но можно навешать один коллбек, и внутри него сделать ветвление.
2) Есть вариант вешать нейтивные ивенты через создание ссылки и AddEventListener, но с этим может быть полная жопа, потому что не знаешь в какой момент отписываться от события