Size: a a a

React — русскоговорящее сообщество

2020 August 26

ЕС

Евгений Скоробогатый... in React — русскоговорящее сообщество
В package.json:
 "dependencies": {
   "@testing-library/jest-dom": "^4.2.4",
   "@testing-library/react": "^9.3.2",
   "@testing-library/user-event": "^7.1.2",
   "@types/jest": "^24.0.0",
   "@types/node": "^12.0.0",
   "@types/react": "^16.9.0",
   "@types/react-dom": "^16.9.0",
   "@types/react-router-dom": "^5.1.5",
   "history": "^5.0.0",
   "node-sass": "^4.14.1",
   "react": "^16.13.1",
   "react-dom": "^16.13.1",
   "react-router-dom": "^5.2.0",
   "react-scripts": "3.4.3",
   "typescript": "~3.7.2"
 },
источник

ЕС

Евгений Скоробогатый... in React — русскоговорящее сообщество
Vladimir Klimov
а @types/react есть?
Есть
источник

ЕС

Евгений Скоробогатый... in React — русскоговорящее сообщество
Вот почему @types/react и react прописались разных версий...
источник

ВМ

Владимир Молчанов... in React — русскоговорящее сообщество
Всем привет)
Кто работал с react-intl, подскажите пожалуйста, почему он так парсит данные? (во всех переменных лежат строки, заданные хардкодом, не даты)
Вот код сообщения  "final.expectation_full":
     "Ждём тебя {day} {month} в {time} в школе на {address}"
источник

ВМ

Владимир Молчанов... in React — русскоговорящее сообщество
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Евгений Скоробогатый
В package.json:
 "dependencies": {
   "@testing-library/jest-dom": "^4.2.4",
   "@testing-library/react": "^9.3.2",
   "@testing-library/user-event": "^7.1.2",
   "@types/jest": "^24.0.0",
   "@types/node": "^12.0.0",
   "@types/react": "^16.9.0",
   "@types/react-dom": "^16.9.0",
   "@types/react-router-dom": "^5.1.5",
   "history": "^5.0.0",
   "node-sass": "^4.14.1",
   "react": "^16.13.1",
   "react-dom": "^16.13.1",
   "react-router-dom": "^5.2.0",
   "react-scripts": "3.4.3",
   "typescript": "~3.7.2"
 },
Ну, блин, я не вижу чего-то неправильного, на первый взгляд все ок, кроме того, что декларации типов лучше, конечно, в devDependencies устанавливать на мой взгляд, но это на работу не влияет. Может какой-то конфликт из-за того, что часть зависимостей вы ставили через yarn, а часть через npm... Но это чисто предположение, точно тут не скажу
источник

ЕС

Евгений Скоробогатый... in React — русскоговорящее сообщество
Vladimir Klimov
Ну, блин, я не вижу чего-то неправильного, на первый взгляд все ок, кроме того, что декларации типов лучше, конечно, в devDependencies устанавливать на мой взгляд, но это на работу не влияет. Может какой-то конфликт из-за того, что часть зависимостей вы ставили через yarn, а часть через npm... Но это чисто предположение, точно тут не скажу
»>кроме того, что декларации типов лучше, конечно, в devDependencies устанавливать на мой взгляд,

Вот с этого момента попобробнее
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Евгений Скоробогатый
»>кроме того, что декларации типов лучше, конечно, в devDependencies устанавливать на мой взгляд,

Вот с этого момента попобробнее
Это не влияет на работу и не является причиной вашей проблемы и вообще не однозначный вопрос, так что на это можно забить в данном случае
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Евгений Скоробогатый
»>кроме того, что декларации типов лучше, конечно, в devDependencies устанавливать на мой взгляд,

Вот с этого момента попобробнее
В package.json есть поле devDependencies, оно содержит зависимости, которые нужны только во время разработки приложения (jest, prettier, eslint, декларации типов, и т.п.) Чтобы установить что-то как dev-зависимость, нужно добавить флаг -D во время выполнения npm install. Если вы разрабатываете приложение - лучше делать так. Если же вы разрабатываете библиотеку - тут уже все не так однозначно и возможны варианты. Но опять же, это даже не ошибка
источник

ЕС

Евгений Скоробогатый... in React — русскоговорящее сообщество
Vladimir Klimov
В package.json есть поле devDependencies, оно содержит зависимости, которые нужны только во время разработки приложения (jest, prettier, eslint, декларации типов, и т.п.) Чтобы установить что-то как dev-зависимость, нужно добавить флаг -D во время выполнения npm install. Если вы разрабатываете приложение - лучше делать так. Если же вы разрабатываете библиотеку - тут уже все не так однозначно и возможны варианты. Но опять же, это даже не ошибка
Все что начинаеться с @ переносим в devDependencies?
источник

ES

Eugene Sternin in React — русскоговорящее сообщество
Евгений Скоробогатый
»>кроме того, что декларации типов лучше, конечно, в devDependencies устанавливать на мой взгляд,

Вот с этого момента попобробнее
https://habr.com/ru/company/domclick/blog/509440/

серия статей на тему зависимостей
думаю, тебе помжет
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Евгений Скоробогатый
Все что начинаеться с @ переносим в devDependencies?
То, что касается инструментов типа jest, react-testing-library и т.п. - переносите точно.
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Но еще раз повторю: это не решит проблему с вашим приложением
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Попробуйте удалить зависимости, .lock файлы и переустановить заново, может поможет)
источник

И

Иван in React — русскоговорящее сообщество
Vladimir Klimov
Ну, блин, я не вижу чего-то неправильного, на первый взгляд все ок, кроме того, что декларации типов лучше, конечно, в devDependencies устанавливать на мой взгляд, но это на работу не влияет. Может какой-то конфликт из-за того, что часть зависимостей вы ставили через yarn, а часть через npm... Но это чисто предположение, точно тут не скажу
devDependencies — это те, которые не нужны для сборки приложения под прод. эти пакеты просто не будут устанавливаться при npm ci --production, чтобы сократить время сборки

это единственное, чем devDeps отличаются от deps
источник

ДЧ

Дмитрий Чуканов... in React — русскоговорящее сообщество
Обычно самое топ решение на все проблемы сносим node-modules) каждый 3 ответ)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Иван
devDependencies — это те, которые не нужны для сборки приложения под прод. эти пакеты просто не будут устанавливаться при npm ci --production, чтобы сократить время сборки

это единственное, чем devDeps отличаются от deps
Я знаю. Приложение в ci не соберется без типов в dependencies?
источник

И

Иван in React — русскоговорящее сообщество
Vladimir Klimov
Я знаю. Приложение в ci не соберется без типов в dependencies?
зависит от настроек компилятора. у меня не соберётся
источник

BM

Borislav Mitrofanov in React — русскоговорящее сообщество
Borislav Mitrofanov
Просто проверял на наличие людей и отсутствие троллей.

Есть структура (дерево элементов). У каждого элемента есть id, свой рендер (func component), а также правила, которые влияют на структуру(динамическая форма). Тобишь пользователь кликает по определенному графу/ветке - выводятся поля(группа инпутов, либо одиночный инпут), которые есть в этом графе, но при заполнении занчений нижние поля могут показываться или скрываться.

Вопрос. Делать HOC, который при выборе ветки пробегается по полям, собирает все правила и рефы полей, а затем при каждом изменении проверять изменённое состояние и менять структуру (скрывать или проявлять реф)?
простите, кто-то может помочь рассуждением на эту тему? )
источник

И

Иван in React — русскоговорящее сообщество
Borislav Mitrofanov
простите, кто-то может помочь рассуждением на эту тему? )
а вопрос какой?
источник