Size: a a a

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

2021 February 11

BB

Bugs Bunny in React — русскоговорящее сообщество
Alex Koma
Всем привет. Хочется перекинуть супер-легаси проект на реакт, но постепенно мигрируя. Если через create-react-app с нуля, там все окей - есть вебпак, тесты, все настроено и погнали. А вот на счет постепенной миграции - думал заюзать ReactDOM.render, подключив просто библиотеки через <script>
Типа:
ReactDOM.render(
   <Button/>,
   document.querySelector('#button_1')
);
Так вот. Идея реакта реднерить все компоненты в #root блоке, то есть в одном. Нормальная ли практика если я сделаю множественный рендер в разных частях приложения через ReactDOM.render?

Соответсвтенно имеем галп как сборщик, в котором я подключил плагины для JSX
"нормальная" — понятие относительное. в рамках твоего таска в целом пойдёт
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Alex Koma
Всем привет. Хочется перекинуть супер-легаси проект на реакт, но постепенно мигрируя. Если через create-react-app с нуля, там все окей - есть вебпак, тесты, все настроено и погнали. А вот на счет постепенной миграции - думал заюзать ReactDOM.render, подключив просто библиотеки через <script>
Типа:
ReactDOM.render(
   <Button/>,
   document.querySelector('#button_1')
);
Так вот. Идея реакта реднерить все компоненты в #root блоке, то есть в одном. Нормальная ли практика если я сделаю множественный рендер в разных частях приложения через ReactDOM.render?

Соответсвтенно имеем галп как сборщик, в котором я подключил плагины для JSX
Да, это будет несколько отдельных реакт-приложений
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Alex Koma
Всем привет. Хочется перекинуть супер-легаси проект на реакт, но постепенно мигрируя. Если через create-react-app с нуля, там все окей - есть вебпак, тесты, все настроено и погнали. А вот на счет постепенной миграции - думал заюзать ReactDOM.render, подключив просто библиотеки через <script>
Типа:
ReactDOM.render(
   <Button/>,
   document.querySelector('#button_1')
);
Так вот. Идея реакта реднерить все компоненты в #root блоке, то есть в одном. Нормальная ли практика если я сделаю множественный рендер в разных частях приложения через ReactDOM.render?

Соответсвтенно имеем галп как сборщик, в котором я подключил плагины для JSX
можешь вуй взять. там прям в html можно рендерить вот такие приколы
<my-awesome-cmp></my-awesome-cmp>

он подхватит и смонтирует
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
еще и пропсами залить можно прям там же
источник

AK

Alex Koma in React — русскоговорящее сообщество
Ну тут просто уже как с какой стороны не подойдешь, все время проблемы с подмерживанием веток - кастомер все время боится за сломанность при резком обновлении кода - так вот хоть бы частично начать)
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Alex Koma
Всем привет. Хочется перекинуть супер-легаси проект на реакт, но постепенно мигрируя. Если через create-react-app с нуля, там все окей - есть вебпак, тесты, все настроено и погнали. А вот на счет постепенной миграции - думал заюзать ReactDOM.render, подключив просто библиотеки через <script>
Типа:
ReactDOM.render(
   <Button/>,
   document.querySelector('#button_1')
);
Так вот. Идея реакта реднерить все компоненты в #root блоке, то есть в одном. Нормальная ли практика если я сделаю множественный рендер в разных частях приложения через ReactDOM.render?

Соответсвтенно имеем галп как сборщик, в котором я подключил плагины для JSX
Пробовал так, получилось говно, пришлось все таки с нуля переписывать. Может если сильно сильно постараться то получится. Можешь поискать доклады альфа банка на holy js, они вроде так же переезжали.
источник

AK

Alex Koma in React — русскоговорящее сообщество
Та да. Сложности добавляет отсутствие модульности как таковой, последовательное подключение скриптов, ЕS3 в перемешку с ES6 + каллбэк хэллы с аякс-запросами. Я просто наивен)
источник

𓄂

𓄂 in React — русскоговорящее сообщество
Доброго Дня кто-нибудь использовал google recaptchav2 invisble на проекте?
источник

𓄂

𓄂 in React — русскоговорящее сообщество
скажите пожалуйста есть пара вопросы
источник

AD

AluV Daniil in React — русскоговорящее сообщество
Подскажите, насколько валидно использовать useCallback или useMemo напрямую в render свйоствах:
onCallback={useMyCallback()}
источник

К

Кирилл in React — русскоговорящее сообщество
AluV Daniil
Подскажите, насколько валидно использовать useCallback или useMemo напрямую в render свйоствах:
onCallback={useMyCallback()}
useCallback вообще не стоит просто так использовать
источник

К

Кирилл in React — русскоговорящее сообщество
AluV Daniil
Подскажите, насколько валидно использовать useCallback или useMemo напрямую в render свйоствах:
onCallback={useMyCallback()}
как ты написал можно
источник

И

Илья in React — русскоговорящее сообщество
Добрый день!!! Может есть кто мог бы побыть ментором? За вознаграждение конечно же)
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Илья
Добрый день!!! Может есть кто мог бы побыть ментором? За вознаграждение конечно же)
в универ сходи 😄
источник

И

Илья in React — русскоговорящее сообщество
Roman Usherenko
в универ сходи 😄
Там я пить начинаю)
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Илья
Там я пить начинаю)
без алкоголя программирование все равно не усваивается 😄 пик Балмера)
источник

m1

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

m1

mister_Airat 1 in React — русскоговорящее сообщество
переделываю приложение с классовых в хуки
источник

m1

mister_Airat 1 in React — русскоговорящее сообщество
секундомер
источник

V

Vlad in React — русскоговорящее сообщество
mister_Airat 1
я понимаю что не правильно вызываю функцию, но не понимаю где ошибка
а ошибку мы должны сами придумать?
источник