Почему реакт странно рисует остальные элементы массива?

if (Array.isArray(categories) && categories.length > 0)
  setCategories((old) => [...old, category]);
else setCategories([category]);

А сколько должно быть элементов, когда ты каждый раз массив с одним значением добавляешь?

Почему html,vs code.в текстовом файле открывается весь набранный код?

А в названии файла ничего не смущает?

Как улучшить данный скрипт?

Чем дольше смотришь на этот код, тем всратее он становится. Его прям специально ТАК написали.

Как сделать выпадающий список?

https://support.google.com/docs/answer/3093318?sji...

Почему не выводится объект theme?

godsplane, чё?

Почему не выводится объект theme?

почему у меня не вывелся объект theme.

<context.Provider value={context}>

Вот вообще никакой взаимосвязи невидно?

Как настроить линтер для вложенных тернарников?

Alexandroppolus, в целом, я это и подразумевал, сам так плагин себе делал.)
Вообще, в твоём случае я смотрю это оказалось куда как проще, чем я думал.)

Как настроить линтер для вложенных тернарников?

Написать свой плагин.)

Как сделать типизацию под случай undefined в объекте?

Aetae, он по определению не может отлично читаться банально потому, что это один маленький символ в сплошном тексте.) Одно дело заметить его в одной единственной строке, а другое дело, когда ты листаешь сотню строчек кода.
А во-вторых, всегда можно использовать as Required<typeof value> если уж такое дело.)
Но в любом случае это редкий кейс когда тс тупит и андефайнд не убирает, в остальных случаях чек нужен и именно по этой причине я предпочитаю сделать его максимально заметным.

Как сделать типизацию под случай undefined в объекте?

Только второй пункт лучше всё же через as string, имхо, потому что намного заметнее, нежели одинокий восклицательный знак.

Javascript не видит модуль из npm?

Вам нужен сборщик по типу WebPack

По типу, но не вебпак.) Для первого раза всё же лучше взять что-нибудь попроще типа того же vite.) martunovZheka

Как остановить выполнение функции при нажатии на input?

setTimeout('do("' + text + '",' + pos + ',' + dir + ')', delay);

Нифигасе, только сейчас узнал, что таймаут эвалит строку.
Впрочем, вопрос "зачем так вообще делать?" остаётся открытым.

Как изобразить остаток в бутылке через CSS, JS?

Находишь 3д модель бутылки, переносишь её в в webgl, имитируешь поведение воды, заполняешь. Всё просто!)

Почему методы массива могут принимать параметр колбек, а промис нет?

(console.log)
(data => console.log)

Как говорится, найдите 10 отличий.

Как создать макрос в vscode?

В папке куча файлов html с однотипным контентом, в каждом файле нужно удалить тег main, и всю верстку преобразовать в одну строку.

Подожди, ладно ещё тег убрать, но для чего ты вручную хтмл в 1 строку конвертируешь? Да и делается это проще скриптом для ноды.

Как создать макрос в vscode?

А чем не устраивают отдельные программы для макрасов?

Как правильно присваивать типы результатам выполнения функций которые вернули ошибку?

Но в случае ошибки она возвращает ValidationError

Не факт. Ты не можешь быть на 100% уверен, что там не кинется какая-то другая ошибка, поэтому тут только рантайм проверка что это за тип.

Как протестировать функцию в компоненте React c jest /react testing library?

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

Как сделать кастомный хук, который будет возвращать актуальное состояние?

Paul14, в целях общего ознакомления можешь изучать, как спать на потолке. Тоже очень полезное знание.

Как сделать кастомный хук, который будет возвращать актуальное состояние?

И если со стейт менеджерами ещё можно понять, всё же доп библиотека, то в чём проблема использовать контекст?