Илья
Надо было задесейблить все к херам кроме JS
Danila
А, я понял!
Китикет
Ну можно так например) Либо убрать HTML, CSS и PHP
Тимур
Можно в реакт json в струтуру данных js как бы просто перевести?
Danila
ВыберЕте пишется через Е
Vlad
Интерпретатор для asm 🙂
Danila
Можно в реакт json в струтуру данных js как бы просто перевести?
Этим вебпак занимается, реакт тут ни при чём. Но да, import data from './data.json' в data будет уже обхъект
Danila
Только учти что тогда этот файл попадёт в финальный бандл
Китикет
php тьюринг полный
Не важно, пхп не яп в любом случае
Тимур
странно,я тож об этом читал, что json-loader все сам делает
Cenator 🐈
ВыберЕте пишется через Е
Это если в будущем времени А на скрине все правильно
Тимур
Это если в будущем времени А на скрине все правильно
там просто пробле пропущен после Вы
Тимур
Он и делает
А как проверить результат этого преобразования?
Китикет
яп
Не спорь)
Тимур
не канает чет)
Danila
Ну или как модный парень поставь debugger
Danila
не канает чет)
Гадать не буду. Должно работать. Если нет - то что-то где-то пишешь не так.
Danila
Опять же, можешь воспроизвести проблему в codesandbox - и тогда можно будет предметно глянуть
Китикет
Вообще все проблемы в этом чате идут от "пишешь не так"
Тимур
))
Dimitri
что сейчас на хайпе в реакте?) хочется чего-то нового поизучать)
Revival
// const defaultConfig = { ... }; // const initialState = { ... , config: defaultConfig }; // function reducer() { ... }; const [state, dispatch] = useReducer(reducer, initialState); useEffect(() => { //async load config dispatch({ type: "updateConfig", payload: res.data.config }); return () => { // send config to server if it has been changed вот тут state не ссылается на актуальный state } }, []); Всем привет, подскажите как правильно выходить из такой ситуации. При mount я подгружаю данные с сервера, которые далее сохраняю в state. Мне необходимо при unmount отправить измененные данные на сервер, если они были действительно изменены.
Кирилл
Поивет 👋 у когонибуть был опыт с очень большим react приложениеи котрое убивает мобильный safari в некторых кейсах как это дебажить когда просто умерает браузер при скроленге или при иерехрде на другую страницу?
Roman
ts не умеет в class properties?
Спасибо за совет
Roman
умеет, у автора просто нахуеверчено что-то
Спасибо за совет. Переписал в class properties - все работает. Правда, пришлось выключить /* tslint:disable:member-ordering */
Danila
я знаю, вопрос не в этом ведь)
Сделать его зависимым от state
Roman
тут, кстати, я не знаю, как можно сделать на хуках. сейчас орущие, что классы не нужны, будут батхертить
Смотри эту статью → https://dev.to/trentyang/replace-lifecycle-with-hooks-in-react-3d4n Мне очень помогла.
Кирилл
вкладка мемори в девтулзах и профайлер
safari remout devtoll показывает какбуто ктото нажал f5. Профайлинги приложений говорят чтоы мемори лик но при просмотре техже действий хроме или эмуляторе кйс не повторяется и павного роста памяти нету
wolfe
ему нужен cDM и cWU
Rrr
ему нужен cDM и cWU
или просто написать в хуке значение, от которого он должен зависеть)) то же самое будет
wolfe
а это уже не cDM и cWU
Rrr
всмысле не должно
wolfe
эффект будет перезапускаться от смены значения
Rrr
useEffect работает ровно так же, как и cDM и cWU
wolfe
useEffect работает ровно так же, как и cDM и cWU
нет. ссылка на state будет неактуальной, как он и указал
wolfe
как и componentWillUpdate
а, я про componentWillUnmount
Rrr
нет. ссылка на state будет неактуальной, как он и указал
у него ссылка не актуальная, потому что хук срабатывает один раз только
Mihail
у него ссылка не актуальная, потому что хук срабатывает один раз только
Тогда хук будет срабатывать на каждое изменение стейта
wolfe
если не нужна логика componentWillUnmount, можно просто указать state в deps, верно
Rrr
а, я про componentWillUnmount
ну и unmount можно реализовать через хук, только причем тут он
wolfe
тем более, что вот это в каментах // send config to server if it has been changed
Rrr
Тогда хук будет срабатывать на каждое изменение стейта
на каждое изменение конкретного значения, а не всего стейта
wolfe
ну и unmount можно реализовать через хук, только причем тут он
потому что ссылка в componentWillUnmount будет неактуальна, ещё раз
Anonymous
Какие книги по реакту можете порекомендовать в 2019? Уже есть база в простых проектах (учился по докам). Сейчас хочу параллельно с какой то книгой учить углубленно
Anton
Всем привет. Подскажите пжлст, как показать новый контент после отправки формы? То есть мне надо скрыть форму и на ее месте показать новый контент без перезагрузки страницы.
wolfe
потому что ссылка в componentWillUnmount будет неактуальна, ещё раз
на самом деле надо перестать сравнивать хуки с лайфсайклами и просто заюзать класс
i
всем привет, вразумите плз как это решить
Rrr
потому что ссылка в componentWillUnmount будет неактуальна, ещё раз
если обновлять значение, то будет актуальна
wolfe
если обновлять значение, то будет актуальна
тогда это будет уже не аналог componentWillUnmount и будет зависеть от значения, а не только выполняться на анмаунте
Dima
Кто-нибудь прикручивал ApplePay на сайт? Нужен ли для этого аккаунт разработчика Apple?
Revival
если обновлять значение, то будет актуальна
// const defaultConfig = { ... }; // const initialState = { ... , config: defaultConfig }; // function reducer() { ... }; const [state, dispatch] = useReducer(reducer, initialState); console.log("component render"); useEffect(() => { //async load config dispatch({ type: "updateConfig", payload: res.data.config }); return () => { console.log("useEffect [] return"); } }, []); useEffect(() => { return () => { console.log("useEffect [state] return"); } }. [state]); ок, я сделал зависимость от state, что логично, но теперь другой трабл ответ что-то вроде: ``` component render useEffect [state] return component render useEffect [state] return component render // закрытие компонента useEffect [] return useEffect [state] return ``` какая вообще может быть причина такому поведению?
Smaug
Господа, всем привет Подскажите, пожалуйста, следующий момент: использую draftjs, для эдитора текста, при добавлении каких-то стилей в текст (цвет/размер), исходная выходная HTML (конвертирую с помощью stateToHTML из draft-js-export-html) Вопрос: как получить стили, заданные в эдиторе? Спасибо
Anonymous
you don't know JS eloquent js
Они же не по реакту, а по js вцелом
Danila
А, ты про реакт.
Китикет
Короче невозможно сделать cWU зависящий от значения просто так
Danila
Хз тогда.
Anonymous
А вы как react учили?
Mihail
Дока
Китикет
useRef надо