По своему опыту, 4-дневная рабочая неделя получается, если рабочий день больше 10 часов, смысла нет работать 5 день когда голова уже не работает как нужно.

Google search: svg-sprite converter

svgsprit.es
iconizr.com

Хорошая подборка, спасибо!

Потом снова манит и снова сгораю.

Вы подобно новичку в спортивном зале, который сдуру начинает пахать в полную силу, получает жесткую крепатуру, после чего забивает на тренировки, и так по кругу.
Мозг не мышцы но смысл тот же, хотите работать долго и продуктивно, нужно следить за нагрузкой и вовремя восстанавливаться.
4 часа в день можно без значимых последствий активно напрягать мозг, если работать «без тормозов» наступает истощение нервной системы, включаются защитные механизмы, т.е нет ресурса в организме чтобы образовывались новые синапсы (появление новых идей), перемещение сигнала между синапсами (работа памяти), процесс восстановление долгий, рассматривайте это как некую травму.
Решение только в дисциплине, я работаю по таймеру интервалами 45 — 80 мин. слежу чтобы больше не засиживаться и вовремя делать перерыв, получается 3-5 часов в день активной работы, 4 — 5 дней в неделю. 2 дня я отдыхаю от программирования, за неделю скапливается много чего. Сон 8 — 9 часов это закон также разнообразное питание, без мяса, фруктов, овощей никак, очень скользкий момент касательно сахара, с одной стороны он очень нужен, но легко переесть и получить диабет или ожирение, нужно постоянно контролировать этот момент.

Ну что-бы текст был понятный и лаконичный нужно тренироваться, много тренироваться, не вижу ничего зазорного что-бы тренироваться написанием статей на Dou.

Добавлю пару докладов по арифметическим операциям над типами:
— Проектирование предметной области на TypeScript в функциональном стиле / Сергей Черепанов (FSD) www.youtube.com/watch?v=cT-VOwWjJJs
— Продвинутый TypeScript / Михаил Башуров (Syncro) www.youtube.com/watch?v=m0uRxCCno00

Для React разработчиков есть отличный гайд с множеством примеров использования TS: react-typescript-cheatsheet.netlify.app/...​hooting/types/#enum-types

Также есть хорошая библиотека utility-types что-бы не изобретать велосипед: github.com/piotrwitek/utility-types

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

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

Посмотрите эту модель, дешевле ergohuman, есть все регулировки: kreslalux.ua/...​-ergonomichnoe-cvet-seryj
Обзор: youtu.be/NvewYlzTdls?t=76

Вот хорошее объяснение: www.youtube.com/watch?v=enxY-Psojlk

Из-за каши в голове, все и сразу освоить гораздо сложнее чем изучать постепенно, для начала и prop-types хватит. Я сейчас переписываю проект на Typescript, местами очень не просто, нюансов достаточно, сильно выручает наличие ресурса: react-typescript-cheatsheet.netlify.app/docs/basic/setup

Судя по предыдущим вашим комментариям: dou.ua/...​rums/topic/26057/#2041068
опыта работы с React мало, т.е вместо того чтобы прочитать пару статей как правильно использовать Context API, лучше создать топик на DOU с жалобой на коллегу?

Есть 2 варианта: разбираетесь с инструментом который используете, второе ищите другую работу.

Если есть готовая кодовая база, написанная грамотно, т.е есть куда посмотреть, есть у кого спросить то за 2 месяца можно. С нуля это 5-6 месяцев разбираться с документацией, туториалами и то при условии если есть сильная мотивация.

Т.е что-то подобное:

type TupleA = [number, string, boolean];
const tupleA: TupleA = [1, "one", true];
const tupleB: ReverseTuple<TupleA> = [true, "one", 1];

Should we use Axios or the fetch browser API?
Redux-Forms, Formiq, or Final-Form?
Styled-Components, makeStyle, SASS, or plain CSS?

Это вопросы которые возникаю у новичков с опытом работы месяц, у меня точно такие же были.

Основная проблема была не в React а том что у людей не было достаточно опыта, выбрали инструмент с таким не работали или работали мало, думали прокатит, не прокатило ...
Redux как единственный стор + Redux Saga, на мой взгляд худшее что можно было использовать, неоправданно много боилерплейта, тут достаточно раз попробовать и больше не использовать.

Это вы с головы написали? Если есть источники, поделитесь пожалуйста.

Нашел более элегантное решение:
stackoverflow.com/...​literal/59187769#59187769

export type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never;

...
type ColSize = boolean | string | number;

const BP_SIZES = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const;

type BpSizes = {
    [K in ElementOf<typeof BP_SIZES>]?: ColSize;
};

export interface FlexColProps extends BpSizes, React.ComponentPropsWithRef<'div'> {
    className?: string;
}
...

Возможностей Chrome devTools будет достаточно, укажите размер экрана + device pixel radio + масштабирование.

Але читав, що таке тестування не правильне.

Это не так.

Не актуально, все работает без

hasObjectKey

похоже ранее была опечатка в наименовании переменных.