Size: a a a

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

2021 June 02

C

Cool29 in React — русскоговорящее сообщество
Вообще в vscode должен быть штука, которая переформатирует не только один файл, но и весь проект.
источник

CG

Cat Gn in React — русскоговорящее сообщество
Я как-то искал, но не нашёл)
источник

B

Bohdan in React — русскоговорящее сообщество
вроде нашел что то такое, сейчас копирую проект что бы попробовать заюзать
источник

C

Cool29 in React — русскоговорящее сообщество
Я ХЗ как она называеться, я PHPStorm юзаю.
источник

CG

Cat Gn in React — русскоговорящее сообщество
Как обозначаются CLRF и LF?
Можно попробовать их найти через общий поиск по проекту и поменять все вхождения, например регуляркой
Я видел, что можно настроить текущее поведение при нажатии enter, но в существующих файлах он не менял
источник

B

Bohdan in React — русскоговорящее сообщество
lf вроде \n а clrf \r\n это оно?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Можно один раз запустить prettier или eslint и поменять все файлы
источник

R

Rros in React — русскоговорящее сообщество
Всем привет.
Прислали тестовое задание с одной вакансии, которую и выполнил и получил следующий фидбек.
"Основная ошибка в решении задачи – нарушение условия: Должен быть такой же счётчик рендеров, который честно отражает кол-во рендеров и всё прочее устройство логики компонентов должно максимально сохраниться"
Вопрос, такой, а как сделать честный счетчик и почему мой счетчик нечестный?
Мое решение:
https://codesandbox.io/s/lucid-allen-5qe3h?file=/src/App.tsx

Задание было:

Первая правка: Кнопки “Update” у элементов списка при клике должны менять 3 цифры в этом же элементе до круглых скобок с единицей (nnn (1)), но что-то не работает, хотя клиент утверждает, что его разработчик написал весь код 🙂 Похоже там ошибка.

Вторая правка: Кнопки “Update” теперь работают правильно, но обновление только в одной строке заставляет перерендериваться все 200 элементов списка. Это видно по счётчикам отрисовок в круглых скобках. Оптимизируй перерисовку, чтобы у элементов списка при клике на “Update” происходило обновление только того компонента, в котором нажимаем кнопку. renderCount уже показывает актуальное количество отрисовок компонента Row, переделывать его не нужно.
Если не получится эта правка, ничего страшного! Ты уже сделал главную правку. Главное сообщи результат в ближайшее время, я буду ждать.

Третья правка: Рефакторинг.
Перепиши классы на функциональные компоненты с применением hooks, сохраняя логику первых двух исправлений. Должен быть такой же счётчик рендеров, который честно отражает кол-во рендеров и всё прочее устройство логики компонентов должно максимально сохраниться.
источник

CG

Cat Gn in React — русскоговорящее сообщество
Не ищет так
источник

CG

Cat Gn in React — русскоговорящее сообщество
Но если через регулярку попробовать, то возможно та наёдет
источник

d

don in React — русскоговорящее сообщество
Как создать input type=range в styled-components с typescript
источник

B

Bohdan in React — русскоговорящее сообщество
Попробую, спасиб
источник

AY

Alina Yemelyanova in React — русскоговорящее сообщество
Привет)
Ребят, вопрос не по реакту но очень надо прям капец как
кто-то пользовался visibilitychange?
При загрузке страницы document.visibility === hidden, хотя она блин не hidden нифига
Может кто сталкивался с этим, как-то обходил, мигните пожалуйста
источник

CG

Cat Gn in React — русскоговорящее сообщество
Глядика, нашёл, если кнопку регулярок справа нажать!!!
источник

B

Bohdan in React — русскоговорящее сообщество
Ща попробуем :D
источник

CG

Cat Gn in React — русскоговорящее сообщество
Use Regular Expression (Alt + R) - называется
источник

CG

Cat Gn in React — русскоговорящее сообщество
И скажи, как результат, самому интересно)
источник

C

Cool29 in React — русскоговорящее сообщество
На мидла, что ли задание?
источник

R

Rros in React — русскоговорящее сообщество
Просто на реакт разработчика с опытом от года. На название не обращай внимание
источник

R

Rros in React — русскоговорящее сообщество
Просто хочу свои ошибки по коду увидеть. Но сам не очень понимаю, почему неправильно. Срабатывает эффект и рендер при получение новых данных - вроде правильно)
источник