Denioo

console.log(filtStr("^cat$"));

Реакт сам создает екземпляр класса и сам вызывает метод рендер, более того он сам вызывает кучу методов жизненного цикла, но я рекомендую пользоваться функциональными компонентами и хуками.
https://reactjs.org/docs/hooks-intro.html#complex-...
1) Потому что Fiber лучше работает с функциональными компонентами.
2) Есть полтора случая на 1000000 когда на функциональном компоненте нельзя реализовать то, что на классовом и все они описаны в официальной документации.
3) В реакте единственное возможное наследование это class Board extends React.Component, все, дальше начинается композиция, и в реакте думать в категориях OOP скорее вредно, чем полезно.
https://reactjs.org/docs/composition-vs-inheritanc...

So What About Inheritance?

At Facebook, we use React in thousands of components, and we haven’t found any use cases where we would recommend creating component inheritance hierarchies.

Поэтому забудьте про class based кмопоненты и сами пишите все на функциональных. А жизненный цикл class based компонент прочитайте внимательно пару (десятков) раз, чтобы запомнить и просто разбираться в чужом коде.

https://jsfiddle.net/vp4qawfg/

Или можно взять что-нибудь готовое, на awesome-vue есть подборка компонентов пагинации, среди которых можно найти такие, которые реализуют требуемую функциональность.

там же роли через консоль можно настроить. этого недостаточно?

Магия доступная только избранным

1. Хватает или нет - зависит от задач. В такой постановке вопроса лучший ответ это "ХЗ"
   
2. Брать в рассрочку или кредит технику эппл - ОЧЕНЬ плохая затея. Это совсем не дешевые устройства, а при поломках/потере так еще и печальнее может стать. Такую технику брать в рассрочку можно только в одном случае - это инструмент, который позволит вам окупить ВСЕ расходы + сверху
   

Делаете ещё одно вычисляемое свойство - массив выбранных элементов. Геттер достаёт соответствующий массив из стора, сеттер вызывает мутацию. Используете это свойство в v-model чекбоксов. Вычисляемое свойство, управляющее выбором всех чекбоксов, переписываете следующим образом: в геттере сравниваете длины массивов всех элементов и выбранных, в сеттере устанавливаете значение вычисляемого свойства выбранных элементов. Например.

В доках есть про то как использовать v-model совместно с vuex state

Вычисляемое свойство, сеттер которого будет вызывать мутацию.

@keyframes rotation {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    svg {
        animation: rotation 1s steps(9) infinite;
    }

Что значит "не подходит"? Вроде всё работает

Main Checkbox делаешь отдельно, вешаешь на него на change метод, который пройдется по mainCategories и у каждого заменит isChecked на нужный

в v-model чекбоксу еще передавай truу или false, т.е Category.isChecked у тебя
https://ru.vuejs.org/v2/guide/forms.html#%D0%A7%D0...

Если используется vue-router, то в верхнем просто <router-view>, а в routes просто:

{
  path: '/topLayout',
  component: 'topLayout',
  children: [
    {
      path: ':botlayout?',
      component: 'botlayout',
    },
  ]
}

2 arguments were expected, but 1 was received

скорее всего action.payload это объект, а createUserWithEmailAndPassword хочет вызываться как createUserWithEmailAndPassword(email, password)

Ухудшает, конечно. ngrok добавляет не контролируемое число hop-ов. Это же сеть, в конце-концов