Size: a a a

React: русскоязычное сообщество

2021 March 09

V

Vlad in React: русскоязычное сообщество
Jack
У меня вечные проблемы с настройкой eslint и prettier в проекте React подскажите нормальный гайд или как их быстро и качественно настроить?
Создай себе со своими настройками стартер на гите и делай клон каждый раж
источник

V

Vlad in React: русскоязычное сообщество
callpack bsm
На красной строчен я делаю поверхностуную копию массива с обеьктами, аа зеленной строчке я мутирую обьект из массива, при этом все работает. Можно ли писать подобное, или лучше сделать полную копию массива, и уже в копии этого массива менять обьекты?
Вооеще нет смысла
источник

V

Vlad in React: русскоязычное сообщество
callpack bsm
На красной строчен я делаю поверхностуную копию массива с обеьктами, аа зеленной строчке я мутирую обьект из массива, при этом все работает. Можно ли писать подобное, или лучше сделать полную копию массива, и уже в копии этого массива менять обьекты?
А как ты планируешь делать полную копию?
источник

cb

callpack bsm in React: русскоязычное сообщество
Vlad
А как ты планируешь делать полную копию?
через JSON скопировать весь массив, или же точечно скопировать обьект по индексу, и уже его мутировать
источник

SP

Sergey Patrakeev in React: русскоязычное сообщество
Vlad
Это не будет новый обьект, это будет ссылка на прошлый
при использовании spread будет новый объект https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Spread_syntax
источник

V

Vlad in React: русскоязычное сообщество
callpack bsm
через JSON скопировать весь массив, или же точечно скопировать обьект по индексу, и уже его мутировать
Норм тема через json, но смысла неь
источник

cb

callpack bsm in React: русскоязычное сообщество
Vlad
Норм тема через json, но смысла неь
Типо того
источник

cb

callpack bsm in React: русскоязычное сообщество
шо думашье?
источник

V

Vlad in React: русскоязычное сообщество
Неа
источник

cb

callpack bsm in React: русскоязычное сообщество
только почему то тоггл не работает
источник

SP

Sergey Patrakeev in React: русскоязычное сообщество
Vlad
Неа
Посмотри доку, и проверь в консоли :)
источник

cb

callpack bsm in React: русскоязычное сообщество
ну таки шо посоны
источник

M

Maksim Sharov in React: русскоязычное сообщество
Jack
У меня вечные проблемы с настройкой eslint и prettier в проекте React подскажите нормальный гайд или как их быстро и качественно настроить?
1. написать свой конфиг и добавить в качестве распротсраняемого пакета, который будешь расширять

так, например, распространяют всякие airbnb-eslint-config

2. если нет времени вникать в распространение конфига в качестве пакета - выше дали решение, написать и копировать из проекта в проект, я так делал в свое время, быстро и эффективно.

к второму пункту есть пояснение, не стоит делать слишком специфичный конфиг, потому что могут не подходить на новом проекте

использовал какой-то common-набор правил, которые устраивали в общем и для каждого проекта расширял в основном файле.

в итоге для похожих проектов было два конфига, типа

common.eslintrc.js + react.eslintrc.js
common.eslintrc.js + svelte.eslintrc.js
common.eslintrc.js + angular.eslintrc.js
источник

M

Maksim Sharov in React: русскоязычное сообщество
Maksim Sharov
Переслано от Maksim Sharov
#storybook

есть ли способ перевести ошибки линтера в warnings на время разработки, если они не мешают сборке сторибука.

по аналогии с create-react-app .env

ESLINT_NO_DEV_ERRORS=true
TSC_COMPILE_ON_ERROR=true

иначе любые ошибки не дают собирать, что сильно раздражает во время разработки
обошелся околокостыльным решением

подключаю плагин eslint-plugin-only-warn, который переводит все ошибки в warn и подключаю его в процессе разработки в конфиг, для остальных окружений правила работают как положено

eslintrc.js

const isDevelopment = process.env.NODE_ENV === "development"

module.exports = {
 ...
 plugins: isDevelopment ? [
   "only-warn"
 ] : [],
 ...
источник

V

Vlad in React: русскоязычное сообщество
Sergey Patrakeev
Посмотри доку, и проверь в консоли :)
ошибся, признаю
источник

V

Vlad in React: русскоязычное сообщество
callpack bsm
только почему то тоггл не работает
покажи фулл код
источник

cb

callpack bsm in React: русскоязычное сообщество
Vlad
покажи фулл код
да уже разобрался, в итоге точечно скопировал, и собрал новый массив
источник

cb

callpack bsm in React: русскоязычное сообщество
Спасибо
источник

V

Vlad in React: русскоязычное сообщество
callpack bsm
На красной строчен я делаю поверхностуную копию массива с обеьктами, аа зеленной строчке я мутирую обьект из массива, при этом все работает. Можно ли писать подобное, или лучше сделать полную копию массива, и уже в копии этого массива менять обьекты?
вообще к слову правильнее было бы через setTodos(prev=>({...prev, prev[idx]:{
 complete:!prev[idx].complete
}}))
источник

SJ

Sanjar Juraev in React: русскоязычное сообщество
Добрый вечер, ребята, есть ли кто-нибудь, кто сталкивался с такой ошибкой после "npm run build"
источник