« Rev
@react_js   848
Fwd »


i
@Salacoste как сделать этот процессс? ну или как это называется чтоб погуглить
Ivan
почитай про настройку. там можно указывать папки и типы файлов для мониторинга. Что за дерьмовый slow mode?!
i
так где что конкретно почитать?
Ivan
https://toster.ru/q/284097
Ivan
я ручками последний раз делал еще на gulp, но принцип такой же
i
как оно называется?
i
а вв react app нету уже готовой команды?
Ivan
так все работает по умолчанию там
i
в смысле, я когда чёт меняю скрипты из билда не заменяются
i
не пересоздаются
Ivan
изменения не вступают в силу?
Ivan
что подразумевается под скриптами? скрипты чего?
i
из папки build
i
я хочу что бы при изменении кода в компонентах сразу билдило скрипты из папки билд
i
папки*
i
есть ли какое-то решение?
i
никакого build watch я найти не могу
Ivan
написать тогда ватчер по примеру
Sm•ok
У тебя после малейшего сохранения будет уходить по минуте на билд?
i
для паки*
Sm•ok
Смысла не понял
Ivan
для паки*
да, ты ставишь путь и ставишь тип файлов для мониторинга
Sm•ok
Обычно разрабатывают в рил тайме. Там вотчера хватает. После пишут команду для билда
i
а как писать вотчер? прям на вебпаке что ли? у меня в распроряжении сейчас react app от фейсбука
Mihail
для паки*
npm start делай и всё Не морочь голову
Sm•ok
npm start делай и всё Не морочь голову
Объяснишь зачем в папке билд делать?
i
проект не spa, просто кучка компонентов, которые надо подгружать на странице сайта
Sm•ok
Я просто не понял смыслк
i
не в папке, а просто билд скриптов чистых js которые уже будут юзаться в вёёрстке
Mihail
Я просто не понял смыслк
Я понял, что человек не разобрался
Sm•ok
Я вначале решил он на проде разрабатывает
i
ну я думал что в react app есть вотчер, чтоб чисто билдил мне сразу js
Sm•ok
Юзать реакт как pug
i
но если нет, то нарно лучше по-другому как-то делать
Sm•ok
Или ты хочешь ссылки сделать типа простые
Sm•ok
ну я думал что в react app есть вотчер, чтоб чисто билдил мне сразу js
Да, но от этого он не перестанет быть не спа
i
то есть на нём не вариант чисто компоненты писать?
Sm•ok
Не догнал прикола
i
я сейчас делаю вёрстку, в ней есть нек блоки которые надо оживить js. Я подумал создам react app, он вотчером будет билдит js фалйы и я буду нормально это всё разрабтывать
Oleg
Ребят а как импортировать переменные scss если я использую CSS Modules?
i
я думал там есть команда watcher чтоб мониторил изменения в файлах компонентов и билдил итоговый js как в laravel
Anton
Всем привет. Помогите пжлст разобраться с вебпаком. У меня есть приложение реактовское, на одной странице которого есть попап. Надо сделать js код для экспорта этого попапа на другие сайты. То есть, чтобы попап работал на другом сайте. Я так понял, что делается это с помощью вебпака. Какую точку входа в вебпаке надо указать, чтобы на другом сайте отображался только этот попап. Если указываю общую точку входа - client/index.js, то там показывается самая первая страница. Но если указываю точку входа компонента с попапом (client/src/components...), то вебпак выдает ошибку ERROR in ./src/components/layout/spinner.gif 1:7. Module parse failed: Unexpected character '' (1:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. Как в итоге правильно указать точку входа в этой ситуации?
El
Какой лоудер для гифов?
El
@a007mr up.
Anton
Какой лоудер для гифов?
ах, нет лоадера для гифов. Сейчас установлю. Но я тут обнаружил, что он все равно сделал файл, несмотря на эту ошибку. И самое обидное, что точка входа сейчас компонент с попапом, а на сайте в итоге все равно отображается главная страница.
El
$npm install image-webpack-loader file-loader --save-dev
Anton
круто, спасибо
El
https://stackoverflow.com/a/43104543/5524590
El
Там для Вебпака 3 , параметры можно вынести в query для 4.
Anton
Там для Вебпака 3 , параметры можно вынести в query для 4.
Помогло, ошибка пропала. Спасибо! Правда на сайте все равно отображается заглавная страница
El
Я пока не делал такого, чтобы из проекта использовать нужный файл как entry point для Webpack'a.
Anton
Понял. Я тоже, вот в первый раз с этим мучаюсь )
El
Может, 2 точки входа помогут? https://stackoverflow.com/a/33039902/5524590
Anton
Может, 2 точки входа помогут? https://stackoverflow.com/a/33039902/5524590
Не уверен, что 2 помогут, но сейчас изучу подробней
Anton
Помогите пжлст, как сделать js код из реактовского приложения. Надо отобразить на другом сайте компонент (попап) из реактовского приложения. Гуглил мануалы на эту тему - но там у всех настроен реакт для отображения всего приложения, а не одного компонента. Сейчас по факту в вебпаке точка входа - нужный компонент, у которого есть маршрут <Route exact path="/referral" component={RegisterReferral} />. На другом сайте надо отобразить именно этот /referral. Но по факту сейчас показывается главная страница. На другом сайте я отображаю этот компонент через iframe, что совсем нехорошо: <iframe width="1120" height="500" src="http://localhost:3000/client/referral/widget.js"></iframe> (адрес указан до финального файла из вебпака) То есть по факту получается 2 вопроса: 1) как сделать внешний код для экспорта на другой сайт 2) как на другом сайта отобразить /referral (нужный компонент), а не заглавную страницу Хелб плиз
El
На инглиш и на SOF.
Anton
по ходу придется, но вдруг тут помощь найдется )
Alexander
рисую список, по добавлению нового элемента, нужно проскроллить вниз скролл делаю в componentDidUpdate так: list.scrollTop = list.scrollHeight - list.clientHeight; Косяк в том, что во время исполнения этой строки dom еще не обновился(wtf!?) соответственно элемент успешно добавляется но ничего не скроллится подскажете в чем может быть затуп?
Eugene
А кто-нибудь на хуках делал set interval? мне надо после нажатие кнопки запустить на минуту таймер) какие подводные камни, гайды?:)
Андрей
А кто-нибудь на хуках делал set interval? мне надо после нажатие кнопки запустить на минуту таймер) какие подводные камни, гайды?:)
Никаких проблем нет, только не забудь уничтожить таймер, если компонент анмаутнется.
Eugene
Никаких проблем нет, только не забудь уничтожить таймер, если компонент анмаутнется.
А делать через useEffect и в deps добавлять что-то типа флага таймера? 🤔 про уничтожение понятно.
El
useEffect() умеет возвращать функцию, онa теперь вместо willUnmount(). Для cleanup'a.
Андрей
Но лучше сделать на основе useRef, имхо.
Андрей
А делать через useEffect и в deps добавлять что-то типа флага таймера? 🤔 про уничтожение понятно.
Вот по аналогии с этим: https://github.com/XaveScor/chat-builder/blob/master/src/useChatBuilder.js#L44
Eugene
хм, интересно
El
https://reactjs.org/docs/hooks-effect.html -> Example Using Hooks -> function cleanup(). В ней clearInterval().
Татьяна
Кто-нибудь встречал слайдер, который на ховер показывает тултип со значением позиции? или надо кастом писать?
Андрей
хм, интересно
Ну и надо не забыть добавить useEffect для уничтожения таймера. Мне в вышеуказанном случае это не надо было.
Eugene
https://overreacted.io/making-setinterval-declarative-with-react-hooks/ 🤔
Андрей
Ну, примерно что я и описал)
Артём
Подскажите пожалуйста, как можно анимировать следующую отрисовку по условию: есть флекс-контейнер (column) и в нем сверху по условию появляется дополнительный блок, надо чтоб он "выезжал" и двигал другие флекс-айтемы вниз.
Aleksey
ребята такой вопрос. хочу забить в инпут данные из store. и чтобы пользователь мог их отредактировать. как сделать, чтобы инпут можно было изменять забив туда данные в value которые из стора
« Rev
@react_js   848
Fwd »