зачем скрывать?

Можете помочь как на React можно скрыть папки src и. component они отображаются

Зайди на любой сайт, который использует реакт (bitbucket наприме), там все то же)

в прод сначала сбилди, а не на локалхосте смотри, лол

Не так

норм поцаны уже даже радакс дев тулз не выпиливают из прода

Вот я тут видел там закрыто

Можете помочь как на React можно скрыть папки src и. component они отображаются

npm run build serve -s build

с этого и начни, ты не пробовал, но ты и не видел, что бы утверждать, что в этом что то плохое есть, я глянул и ничего плохого там не увидел

Уже платиновый вопрос. Нет хуки стейтменеджер не заменят.

npm run build serve -s build

И как потом запустить nmp start ?

Уже платиновый вопрос. Нет хуки стейтменеджер не заменят.

я увидел, что заменил и меня не переубедить

И как потом запустить nmp start ?

Никак, чууууваааак) npm start - это среда разработки твоя. После того, как ты сделал билд, тебе надо отдавать статику каким-то http сервером, например)

И как потом запустить nmp start ?

Вторая команда запустит тебе билд локально

Вторая команда запустит тебе билд локально

cra 🤮

Не запускается на build

Не запускается на build

Оно тебе говорит "у тебя нету глобально установленного пакета serve, установи его для начала, дружище, командой yarn global add serve")

yarn🤮

А лучше просто npx)

Привет. Подскажите как в стайледах + реакт svg вставить в before

Оно тебе говорит "у тебя нету глобально установленного пакета serve, установи его для начала, дружище, командой yarn global add serve")

Я поставил

Привет. Подскажите как в стайледах + реакт svg вставить в before

обернуть свг в блок и на блок навесить попробуй, зачем именно на свг

обернуть свг в блок и на блок навесить попробуй, зачем именно на свг

ну мне интересно можно ли в бефор запихнуть свг

Пацыки, а как можно сделать в jest, чтобы при тесте он не лез в node_modules? у меня там ошибка идет в либе. Вроде прописал testPathIgnorePatterns: ['/node_modules/'], но чет не помогает

Подскажите пожалуйста. Как поступить при необходимости проверить пропсы единожды после рендера компонента, чтобы записать информацию о валидации в стейт, а затем проверять их при изменении? Вызывать useEffect два раза, один имитирует didMount, второй подписывается на изменения необходимых пропсов? Или же в useEffect подписанном на изменение проверять, первый ли это рендер?

Всё равно показывает

Подскажите пожалуйста. Как поступить при необходимости проверить пропсы единожды после рендера компонента, чтобы записать информацию о валидации в стейт, а затем проверять их при изменении? Вызывать useEffect два раза, один имитирует didMount, второй подписывается на изменения необходимых пропсов? Или же в useEffect подписанном на изменение проверять, первый ли это рендер?

const isValid = useState(checkProps(props));

const isValid = useState(checkProps(props));

Нет, не совсем так. Мне нужно в первом рендере проверить пропсы, чтобы записать в выделенный под каждый из них стейт, какая ошибка допущена. Хранить это во флаге не нужно. То есть правильно ли будет сделать вот так, или есть какой-то более корректный подход: useEffect(() => { //делаем проверки и пишем в стейт }, []) useEffect(() => { обрабатываем изменения }, [props])

Минус такого подхода в том, что при первом рендере отработает и первый эффект, и второй. Как поступить в таком случае? Объеденить все в в useEffect с подписанным на изменение props и проверять первый ли это рендер, для первичного заполнения стейта?

Пацыки, а как можно сделать в jest, чтобы при тесте он не лез в node_modules? у меня там ошибка идет в либе. Вроде прописал testPathIgnorePatterns: ['/node_modules/'], но чет не помогает

Сделай rootDir: './src'

Минус такого подхода в том, что при первом рендере отработает и первый эффект, и второй. Как поступить в таком случае? Объеденить все в в useEffect с подписанным на изменение props и проверять первый ли это рендер, для первичного заполнения стейта?

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

Минус такого подхода в том, что при первом рендере отработает и первый эффект, и второй. Как поступить в таком случае? Объеденить все в в useEffect с подписанным на изменение props и проверять первый ли это рендер, для первичного заполнения стейта?

Да. Объединить в один эффект, создать реф и менять его current после первого рендера. Но выглядит не очень красиво.

Есть таблица сравнения либ для flux по количеству бойлерплейта на 1 сущность?

В reatom есть небольшой гайд по миграции с Redux, где есть сравнение (если я тебя правильно понял) https://artalar.github.io/reatom/#/guides/migration-from-redux

Сделай rootDir: './src'

не помогло

Привет всем, помогите пожалуйста, кто знает.. Задача состоит в том, чтобы при нажатии на enter(handleKeyPressEnter), не было отправки формы, а работала она как button. Отправку предотвратил, а связать enter с handleInputChance не могу

не помогло

Очень странно....а jest твой конфиг вообще видит?)

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

Скорее всего действительно что-то не так. Могу расписать как происходит у меня, а если кому не трудно, подскажите как поступиться красиво и правильно. У меня загружается компонент, который из редакса принимает некоторое количество значений. Значения эти записываются в value инпутов. При загрузке необходимо каждый из них валидировать, и если есть ошибка - в выделенное значение стейта записать что в конкретно этом значении не так. Далее у каждого инпута есть обработчик, который меняет значение в редаксе, и соответственно изменяется значение и в value этого инпута. Ну и обновляет стейт ошибки для этого инпута. В useEffect я подписываюсь на изменение props, и снова валидирую информацию. Так вот, в этом случае правильно через реф проверять первый рендер, или как-то изменить архетиктуру вовсе?

Да. Объединить в один эффект, создать реф и менять его current после первого рендера. Но выглядит не очень красиво.

Спасибо. Тоже об этом думал, что способ рабочий, но некрасиво это выглядит

Очень странно....а jest твой конфиг вообще видит?)

да. до этого тестировал другие компоненты и было все норм, а тут тестирую компонент, а он лезет в либу из-за которой крашится тест, т.е. либа получается необработанная. вот мой конфиг module.exports = { roots: ['<rootDir>/src/'], transform: { '^.+\\.tsx?$': 'ts-jest', '^.+\\.(css|scss)$': '<rootDir>/styleMock.js' }, snapshotSerializers: ['enzyme-to-json/serializer'], setupFilesAfterEnv: ['<rootDir>/setupEnzyme.ts'], globals: { 'ts-jest': { tsConfig: './tsconfig.test.json' } }, testPathIgnorePatterns: ['<rootDir>/node_modules/'] };

да. до этого тестировал другие компоненты и было все норм, а тут тестирую компонент, а он лезет в либу из-за которой крашится тест, т.е. либа получается необработанная. вот мой конфиг module.exports = { roots: ['<rootDir>/src/'], transform: { '^.+\\.tsx?$': 'ts-jest', '^.+\\.(css|scss)$': '<rootDir>/styleMock.js' }, snapshotSerializers: ['enzyme-to-json/serializer'], setupFilesAfterEnv: ['<rootDir>/setupEnzyme.ts'], globals: { 'ts-jest': { tsConfig: './tsconfig.test.json' } }, testPathIgnorePatterns: ['<rootDir>/node_modules/'] };

Magic🤔

Привет всем, помогите пожалуйста, кто знает.. Задача состоит в том, чтобы при нажатии на enter(handleKeyPressEnter), не было отправки формы, а работала она как button. Отправку предотвратил, а связать enter с handleInputChance не могу

кто подскажет, почему здесь memory leak предупреждение?

Есть ли разница в объявлении компонентов через const ComponentName = () => {} / function() {}?

Есть ли разница в объявлении компонентов через const ComponentName = () => {} / function() {}?

есть

господа, вопрос не столько по реакту, сколько по js/js-frontend. кто знает хорошую библиотеку для работы с 2d-путями? аля Paper.js/Bezier.js. базовая математика интересует - скейлинг, вращение, проверка «входит ли точка», умение работать с границами и подобное. если кто-то сталкивался - буду оч признателен.

кто подскажет, почему здесь memory leak предупреждение?

после обертки в дебаунс возвращаеться новая функция. ты клиар функции делаешь новой а не той что навесил лисенер. вынеси дебаунс обернутую функцию в переменную

после обертки в дебаунс возвращаеться новая функция. ты клиар функции делаешь новой а не той что навесил лисенер. вынеси дебаунс обернутую функцию в переменную

Спасибо

кто подскажет, почему здесь memory leak предупреждение?

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

всем привет! подскажите плес как задать baseUrl для импортов/рекваеров, чтоб не было ../../../

всем привет! подскажите плес как задать baseUrl для импортов/рекваеров, чтоб не было ../../../

https://webpack.js.org/configuration/resolve/#resolvealias

https://webpack.js.org/configuration/resolve/#resolvealias

пасиб

Привет всем, как передать item.id из dropdown menu, в качестве params в ссылке API. Использую axios.

Привет всем, как передать item.id из dropdown menu, в качестве params в ссылке API. Использую axios.

при клике передавать в функцию, а там вызывать axios запрос, или записывать в стейт и брать уже от-туда

Вот пытаюсь отправить при клике, в axios запрос. Мне бы формат как объявить переменную в самой url

Правильно ли я делаю, что в форме объявляю переменную как value={key}, а в url указываю как ../rooms=${key}

телега обрезает "`", можешь код прислать?

Подскажите пожалуйста, можно ли как-то избежать рендера при изменении значения элемента в сторе редакса, на которое подписан?

Подскажите пожалуйста, можно ли как-то избежать рендера при изменении значения элемента в сторе редакса, на которое подписан?

у тебя компонент на хуках?

Да

всем ппривет, а вот когда нажимаешь у картиррнки в инете "скопировать итзображение", как можно организовать его вставку у себя на сайте?

всем ппривет, а вот когда нажимаешь у картиррнки в инете "скопировать итзображение", как можно организовать его вставку у себя на сайте?

ctrl+v ?

Есть: проект со styled components. Тестирование проходит на selenium. Как автоматизировать добавление селекторов/атрибутов? Чтобы в прод не попадали, только в дев бандл

я иммею в виду копирование не урлки картинки, а код картинки

вставить изображение из буфера обмена ?

я иммею в виду копирование не урлки картинки, а код картинки

js image from clipboard берешь, и гуглишь такой

да, из буфера

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

я просто не имел с этим дело пока, не знал что гуглит и подумал мб для реакте есть какое-то особе решение

спс за ссылку

Ребят, ктонибудь сталкивался с багой когда eslint ругается на декораторы? например ’bind' is defined but never used. "eslint": "3.19.0", "babel-eslint": "7.2.3", "babel-plugin-transform-decorators-legacy": "1.3.4"

и байнд используется в коде

Есть часть стейта компонента state = { datasets: { count: { k: 1 } } } Как пробраться к k и изменить только его, не затрагивая остальные части стейта?

Есть часть стейта компонента state = { datasets: { count: { k: 1 } } } Как пробраться к k и изменить только его, не затрагивая остальные части стейта?

datasets.count.k = 2

Есть часть стейта компонента state = { datasets: { count: { k: 1 } } } Как пробраться к k и изменить только его, не затрагивая остальные части стейта?

Ты можешь спредом скопировать и сделать мутацию твоей константы

datasets.count.k = 2

То есть достаточно этого? this.setState({ datasets.count.k: 2 }) ?

Есть часть стейта компонента state = { datasets: { count: { k: 1 } } } Как пробраться к k и изменить только его, не затрагивая остальные части стейта?

Такая вложенность отстой. 1. Нормализуй и отрефакторь. 2. Возьми immer 3. Возьми immutability helpers 4. {...state, nested: {...state.nested, prop: 2}} (в зависимости от глубины)

"screenshots": { "828": { "createDttm": "2019-10-07 11:34:29", "lastChangeDttm": "2019-10-07 11:34:29", "taskData": {}, "taskState": "WAITING" }, "845": { "createDttm": "2019-10-09 14:54:13", "lastChangeDttm": "2019-10-09 14:54:13", "taskData": {}, "taskState": "WAITING" } }, Есть кейс удаления сущностей. Мне бек присылает такой объект. Во View я передаю его массивом через Object.values() нормализируя для View. Результат запроса нигде не храню. Теперь вопрос, мне придется хранить результат запроса, чтобы при удалении сущности из UI, тригерить снова нормализацию и перерисовку. И еще получается, мне нужно id: 828 запихнуть внуть объекта, чтобы в ui понимать, что нужно удалить

Такая вложенность отстой. 1. Нормализуй и отрефакторь. 2. Возьми immer 3. Возьми immutability helpers 4. {...state, nested: {...state.nested, prop: 2}} (в зависимости от глубины)

Мне нужно временное решение, как через такой объект пробраться именно к одному значению Я не реакт и вообще не фронтенд разработчик, просто по обстоятельствам требуется поправить некоторый функционал