abberati

Не можно, а нужно

Препроцессоры работают на этапе сборки приложения. Браузер не может работать с форматом scss. «Ускоряет и упрощает разработку», да. В результате на продакшн попадёт всё равно css.

Не существует никакого react flow. Есть flow — статический анализатор кода, который скорее мёртв, чем жив. Возьмите typescript, он отлично сочетается с react и живее всех живых.

В интернетах даже сайт такой есть

https://0.30000000000000004.com

Этот синтаксис (class properties или как-то так это называется) пока не входит в стандарт, поэтому интерпретатор падает на этой строчке. Нужно настроить еслинт, чтобы он мог обрабатывать такой синтаксис. Гуглить class properties eslint setup.

Есть библиотеки для этих нужд. Но можно и руками проверки написать — в документации тайпскрипта в разделе advanced написано как.

Я у себя использую для этого библиотеку yup. Описываю схемы данных, прогоняю сырые данные через scheme.validate и, если валидация прошла успешно, то нетипизированный ответ от бака превращается в структуру, соответствующую типу схемы. Ну и сами типы я руками не описываю, вывожу из схемы через type Foo = InferType

Селектор — подходящее место. Если модификация ресурсоемкая, то селектор может быть мемоизирован

useEffect(() => {
    getMenu();
}, []);

Потому что это repl. В консоль возвращается результат введённого тобой выражения.

connect не нужен с тех самых пор, как появились useSelector и useDispatch. Просто выбрасываете лишние обертки и живете счастливо.