Jedi

Как вам больше нравится.
Но стоит учитывать что login - это существительное, а log in и sign in глаголы, отсюда следует что login как раз таки не подходит. Но если вы пишите login и подразумеваете log in, то тогда подходит.

render() {
  return (
    <ul>
     {this.state.items.map((item, idx) => <li className={`style-${idx%3+1}`}>{item}</li>}
    </ul>
  );
}

Надеюсь вы поймете о чем я

Pusher хорош, но платен. Недавно появилась бесплатная ему замена https://docs.beyondco.de/laravel-websockets/

Но в целом для комментариев не вижу особого смысла в real-time'овости.

У меня реализована с помощью i18-next, язык хранится в local storage, строки прокидываются с помощью translate из этой либы. Может быть посмотрите в её сторону

В CSS есть такая штука - media queries (https://developer.mozilla.org/ru/docs/Web/CSS/Medi...

Это про адаптивный дизайн.

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

/* прячем тег с классом .b  при ширине экрана меньше чем 479px */
@media (max-width: 479px) {
  .b {
    display: none;
  }
}

/* прячем тег с классом .a  при ширине экрана больше чем 480px */
@media (min-width: 480px) {
  .a {
    display: none;
  }
}

В общем приближении, почти все мобилы имеют разрешение < 480px в ширину.

Такие дела.

Вот тут подробнее https://habr.com/en/sandbox/89063/

401 - нормальный ответ сервера на неправильные данные при авторизации.
MDN:

Код ответа на статус ошибки HTTP 401 Unauthorized клиента указывает, что запрос не был применен, поскольку ему не хватает действительных учетных данных для целевого ресурса.

Скрывать не нужно, так как консоль предназначена для разработчика (не зря в хроме раздел называется Chrome DEV tools), а не для пользователя. По таким ошибкам самому же будет намного проще дебажить.
Пользователю же важно вывести понятную ошибку в интерфейсе.

https://reacttraining.com/react-router/web/example...

Tacos - в вашем случае пост, а вложенные элементы - комментарии.

Реакт-роутинг, 4й версии, если не ошибаюсь, хорош тем, что роут можно вставить в любое место.

Я бы предположил что стоит сделать отдельный компонент для просмотра видео. и сможете сделать все достаточно удобно. Есть еще один вариант - сделать вложенный компонент, которому при клике на видео задавать state м параметрами видео

https://medium.com/@ryandrewjohnson/adding-multi-l...
проверенный пакет. Использовали в проекте, работает как надо

Предложение больше не по месту проверки, а по файловой структуре.
Можно завести файл вроде jwtTokenChecker.js, поместить туда функцию для проверки (чтобы не смешивать ее с другим файлом):

import jwt_decode from 'jwt-decode';

import store from './redux/store';
import { setCurrentUser, refresh } from './redux/actions/authActions';

export default () => {
	if (localStorage.getItem('jwtToken')) {
	    const decoded_jwt = jwt_decode(localStorage.getItem('jwtToken'));
	    store.dispatch(setCurrentUser(decoded_jwt));

	    const current_time = Date.now() / 1000;

	    if (current_time > decoded_jwt.exp) {
	        store.dispatch(refresh())
	    }
	}
}

Потом где-нибудь при ините, например, в index.js, когда стор уже готов, сделать так:

import checkJwtToken from './jwtTokenChecker';

checkJwtToken();

Что касается расположения, я бы поместил в index или в инит стора, потому что кажется, что без этих данных еще нет смысла рендерить приложение.

Держи. Вот еще вариант на нормальном css без фигни

чистый css - https://jsfiddle.net/8mc425hp/1/

Добавить свойство элементам существующего массива:

arr1.forEach(function({ id }) {
  if (this[id]) {
    this[id].isAdded = true;
  }
}, arr2.reduce((acc, n) => (acc[n.id] = n, acc), {}));

Собрать новый массив:

const newArr2 = arr2.map(function({ ...n }) {
  if (this.has(n.id)) {
    n.isAdded = true;
  }
  return n;
}, new Set(arr1.map(n => n.id)));

Не нужна никакие левые пакеты. В Node.js есть стандартные средства для решения таких задач:
URLSearchParams
querystring

Вроде просто длину можно ограничить arr.length = 10

const arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]
console.log(arr) // [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]

const newArr = arr.splice(9, 6)
console.log(newArr) // [10,11,12,13,14,15]

Синтаксис у вас для JavaScript необычный ))
А если по делу, то вот так сделайте:

const data = [1, 2, 3, 4];
data.splice(3);
// или
data.length = 3;

P.S. Ну или как выше Николай Шабалин ответил