Size: a a a

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

2021 March 05

Ю

Юрий in React: русскоязычное сообщество
Sergey Podtynny
Доброго всем времени суток!
Я только начинаю изучать Реакт, и в процессе возникают вопросы, на которые не смог найти ответы и спросить не у кого. Может быть кто-нибудь из присутствующих поможет?

1. https://codesandbox.io/s/unruffled-jang-vu7yt?file=/src/App.js
Поправьте, если я не прав: при изменении состояния/вызове forceUpdate внутри дочернего компонента происходит ререндер самого дочернего компонента и всех его дочерних элементов и далее вниз по дереву (для которых shouldComponentUpdate возвращает true). Почему в примере кода выше компонент Profiler фиксирует обновление компонента App, а хук componentDidUpdate компонента App не срабатывает?

2. https://codesandbox.io/s/dreamy-darwin-nocfg?file=/src/App.js
Представим, что ComponentForwardedHOC импортируется из сторонней библиотеки. Можно ли как-нибудь получить ссылку на Component, используемый внутри ComponentForwardedHOC?
по 1. ты вызываешь forceUpdate в Component и срабатывает его didUpdate, ссылка на компонент была обновлена.
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Sergey Podtynny
Если смотреть по вызову render - не фиксируется, но если опираться на компонент Profiler - то в консоль выводится, что произошел update.
Не понятно, что профайлер замеряет
источник

Ю

Юрий in React: русскоязычное сообщество
возможно я не прав. надо более детально вникнуть 👆на первый взгляд мой (мое сообщение)
источник

SP

Sergey Podtynny in React: русскоязычное сообщество
А что понимается под "ссылкой на компонент"?
источник

PD

Petya Danchuk in React: русскоязычное сообщество
Здравствуйте! Create react app создает css файлы App.css и index.css. Я заметил что многие в видеоуроках просто удаляют index.css. я хочу попробовать создать некую grid  сетку для своего проекта. Можно ли это сделать в index.css или лучше все-таки удалить его и строить сетку в App.css?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Можно
источник

PD

Petya Danchuk in React: русскоязычное сообщество
честно говоря я даже не понимаю разницы между этими файлами. и то и то вроде бы некие общие стили для всего проекта создает
источник

И

Игорь in React: русскоязычное сообщество
Petya Danchuk
честно говоря я даже не понимаю разницы между этими файлами. и то и то вроде бы некие общие стили для всего проекта создает
Зависит от твоего подхода. Мне удобнее делать каждому компоненту свой цсс файл. Кто то делает папку и кидает туда все файлы такого рода, а кто то пишет в 1 файл
источник

ДВ

Дмитрий Власенко... in React: русскоязычное сообщество
Ребята всем привет,подскажите годные Сайты для изучения реакта
источник

A

Aleksandr in React: русскоязычное сообщество
Дмитрий Власенко
Ребята всем привет,подскажите годные Сайты для изучения реакта
freecodecamp
источник

ДВ

Дмитрий Власенко... in React: русскоязычное сообщество
Типо learn.JS
источник

VC

Valera CSS_Junior in React: русскоязычное сообщество
смотрю видео западное как профи рефакторит проект джуна. там он ему импорты зачем-то так переделывает, говорит так лучше но не объясняет почему. не подскажете зачем так импорты делать?
источник

A

Aleksandr in React: русскоязычное сообщество
что бы можно было писать
import ASD from '../EditTodo' без указания js файла
че это лучше хз
источник

SP

Stanislav Popov in React: русскоязычное сообщество
Valera CSS_Junior
смотрю видео западное как профи рефакторит проект джуна. там он ему импорты зачем-то так переделывает, говорит так лучше но не объясняет почему. не подскажете зачем так импорты делать?
не юзать export default. юзать тайпскрипт
источник

VC

Valera CSS_Junior in React: русскоязычное сообщество
Stanislav Popov
не юзать export default. юзать тайпскрипт
а просто как типы в TypeScript писать изучить если, есть смысл использовать так урезанно в пет-проекте реакт? а то мне весь ts учить долго. а в мой проект ещё можно ts внедрить, ещё мало написано
источник

SP

Stanislav Popov in React: русскоязычное сообщество
можно постепенно внедрять
источник

И

Игорь in React: русскоязычное сообщество
Valera CSS_Junior
смотрю видео западное как профи рефакторит проект джуна. там он ему импорты зачем-то так переделывает, говорит так лучше но не объясняет почему. не подскажете зачем так импорты делать?
Потому что в при указании папки он будет искать файл индекс и найдет.
Есть ещё те кто делает в папке компонентс индекс файл и из него экспортируют объект со всеми компонентами. Как тебе удобно так и делай.
Когда будет время на вылизывание кода - тогда этим и занимайся.
источник

VC

Valera CSS_Junior in React: русскоязычное сообщество
Игорь
Потому что в при указании папки он будет искать файл индекс и найдет.
Есть ещё те кто делает в папке компонентс индекс файл и из него экспортируют объект со всеми компонентами. Как тебе удобно так и делай.
Когда будет время на вылизывание кода - тогда этим и занимайся.
спасибо. понял пока что нет смысла для меня заморачиваться
источник

VC

Valera CSS_Junior in React: русскоязычное сообщество
а у вас есть какое-либо правило как сортировать/группировать импорты в файлах? может вы с опытом пришли к какой-то удобной структуре?
источник

SP

Stanislav Popov in React: русскоязычное сообщество
как разработчики автоформаттера решат так и будет
источник