Ilya
Всем привет!
У меня есть проект на реакте и сервер на php
Хочу подключить туда firebase push Notifications
Мне нужно будет делать новую прослойку ввиде BFF на ноде или же прям в реакте можно это всё подключить ?
no
Anton
N
Создать полку в сторе, добавляй итемы туда по клик, при переходе на страницу избранного бери из стора и рендери на странице
ну так при перезагрузке потеряется ведь?
Bogdan
Друзья помогите, как мне создать компонент Избранное кто нибудь знает ? чтобы положить товары в избранное как устроенно логика ?
создай в сторе массив избранных
Bogdan
ну так при перезагрузке потеряется ведь?
почему потеряется? у тебя полюбому избранное в бд хранится
N
почему потеряется? у тебя полюбому избранное в бд хранится
а как понят кто хранил? т.е сначала нужно авторизация потом дать доступ в избранное?
Bogdan
а как понят кто хранил? т.е сначала нужно авторизация потом дать доступ в избранное?
конечно, зачем неавториззованному челу избранное?
в бд прям у юзера можешь хранить id избранныхзаписей, если mysql - связи сделать можно, хз, можно ли теперь в монге
Maxim
про это не слышал
если нужно что то сохранить что бы пользыватель не потерял данные при перезагрузке то можешь использывать
Ivan
Всем привет, подскажите плиз как сделать начальную страницу приложки /login и только после логина показывать сам контент /
Ivan
Это я про роутинг
Vladimir
Всем привет, подскажите плиз как сделать начальную страницу приложки /login и только после логина показывать сам контент /
я делаю например так
https://github.com/today-/actorsmovies/blob/master/src/components/routing/PrivateRoute.tsx
Anonymous
Всем привет, подскажите плиз как сделать начальную страницу приложки /login и только после логина показывать сам контент /
https://reacttraining.com/react-router/web/example/auth-workflow
Ivan
🙏Спс
res
Народ, подскажите, пожалуйста, почему у меня не ререндерится этот кусок кода когда "Cookies.get("listSpells")" - пустой ( [] ).
saveButton = (spellName) => {
let statusContent = "Save"
let activeClassName = "saveButton"
let existCookieList = this.cookieSerializer(Cookies.get("listSpells") || [])
if (existCookieList.includes(spellName)) {
statusContent = "Remove"
activeClassName += " active"
}
return (
<div className="spellName">
<div className="name">{spellName}</div>
<div className={activeClassName} onClick={(e, spellName) =>
this.onClickButtonSaveHandler(e, spellName)}>{statusContent}</div>
</div>
)
}
Ну сам компонент ну точно ререндерится и проходит через этот кусок когда я хочу, но тем не менее сам html код остается неизменен.
У меня такое ощущение что мне мешает некая оптимизация, для предотвращения "не нужного" изменения html
Anonymous
Вам в @javascript_jobs
matthew
Umiar
Как правильно -... extends React.Component или .... extends Component?
Umiar
Окей, а как трушнее?
Umiar
Я плагин пишу для eslint. Мне нужно выбрать трушный вариант из двух
Taras
Я плагин пишу для eslint. Мне нужно выбрать трушный вариант из двух
Так сделай чтобы можно было настраивать как один, так и другой
Taras
прям в правиле
Umiar
Так сделай чтобы можно было настраивать как один, так и другой
В этом и вопрос, разницы ВООБЩЕ нет?
Taras
В первом варианте будет import React from 'react';
Taras
во втором надо будет добавить Component в импорт: import React, { Component } from 'react';
Bogdan
NavLink у роутера можно указать от корня что бы путь искал? тоесть например
localhost8080/path/ololo
что бы все игнорировалось и адресс к localhost8080/ подставлялся? exact - не помогает
Taras
дело вкуса
Umiar
Taras Fomin:
В первом варианте будет import React from 'react';
во втором надо будет добавить Component в импорт: import React, { Component } from 'react';
Не, ну пока ты все ещё кэп. Нужно более низкоуровневое различие, чтобы я удовлетворился
Taras
Низкоуровнево различий нет. Делается одна и та же работа.
res
Народ, подскажите, пожалуйста, почему у меня не ререндерится этот кусок кода когда "Cookies.get("listSpells")" - пустой ( [] ).
saveButton = (spellName) => {
let statusContent = "Save"
let activeClassName = "saveButton"
let existCookieList = this.cookieSerializer(Cookies.get("listSpells") || [])
if (existCookieList.includes(spellName)) {
statusContent = "Remove"
activeClassName += " active"
}
return (
<div className="spellName">
<div className="name">{spellName}</div>
<div className={activeClassName} onClick={(e, spellName) =>
this.onClickButtonSaveHandler(e, spellName)}>{statusContent}</div>
</div>
)
}
Ну сам компонент ну точно ререндерится и проходит через этот кусок когда я хочу, но тем не менее сам html код остается неизменен.
У меня такое ощущение что мне мешает некая оптимизация, для предотвращения "не нужного" изменения html
Я какую-то фигню спросил? Просто если да, напишите, пожалуйста, что-нибудь вроде "res ты дурак" 😊. Я тогда спокойно пойду искать свою глупую ошибку, нежели грешить на "магию" реакта.
Umiar
Низкоуровнево различий нет. Делается одна и та же работа.
Бабель немного по-разному парсит это все.
Taras
Maxim
Taras Fomin:
В первом варианте будет import React from 'react';
во втором надо будет добавить Component в импорт: import React, { Component } from 'react';
Не, ну пока ты все ещё кэп. Нужно более низкоуровневое различие, чтобы я удовлетворился
деструктуризация разве что делаеться, какие то ресурсы на это идет, чесно хз
Maxim
Taras
деструктуризация разве что делаеться, какие то ресурсы на это идет, чесно хз
бабель такую декструктуризацию превратит в что-то типа var abcdef = React.Component;
Umiar
деструктуризация разве что делаеться, какие то ресурсы на это идет, чесно хз
Вот тоже в эту сторону думал. Склоняюсь к import React from...
Maxim
бабель такую декструктуризацию превратит в что-то типа var abcdef = React.Component;
потому и говорю что хз как там этот бабель его делает
Umiar
Хотел трушных прогеров спросить
res
В том смысле, что ререндер идет когда есть изменение стейта/пропсов
Я знаю, я написал что озаботился ререндором. Для тригера ререндера у меян другой кусок кода есть, который работает.
Maxim
Для меня магия, так как его особо не знаю. Это образное выражение х)
те кто не знают жс думают что в реакте магия)
Taras
Для меня магия, так как его особо не знаю. Это образное выражение х)
нужно компонент обернуть в что-то, что смотрит за куками и ререндерит компонент, если нужные меняются
i
всем привет, подскажите пакет который по json строит дерево постов/комментариев(что бы можно было темизировать кнопку раскрытьскрыть список дочерних комментариев у каждого комментария)
Anonymous
Всем привет
Кто-то использует либу https://www.npmjs.com/package/react-tooltip ?
В хромовском плагине работает нормально... а в мозилле - постоянно мерцает
Looch
Aro
Добрый ден, может кто нибудь помочь с этой ошибкой
You are currently using minified code outside of NODE__ENV==="production".This means that you are running a slower development build of Redux.
i
@Loochnikov там проблема в том, что нельзя расположение кнопки раскрыт, скрыть изменить https://material-ui.com/ru/components/tree-view/
Taras
Добрый ден, может кто нибудь помочь с этой ошибкой
You are currently using minified code outside of NODE__ENV==="production".This means that you are running a slower development build of Redux.
пробуешь запустить минифицированный код в продакшине (ваш кэп)
MVD
Как мне понять изза чего происходить ререндер компонента?
Dmitriy
res
Народ, подскажите, пожалуйста, почему у меня не ререндерится этот кусок кода когда "Cookies.get("listSpells")" - пустой ( [] ).
saveButton = (spellName) => {
let statusContent = "Save"
let activeClassName = "saveButton"
let existCookieList = this.cookieSerializer(Cookies.get("listSpells") || [])
if (existCookieList.includes(spellName)) {
statusContent = "Remove"
activeClassName += " active"
}
return (
<div className="spellName">
<div className="name">{spellName}</div>
<div className={activeClassName} onClick={(e, spellName) =>
this.onClickButtonSaveHandler(e, spellName)}>{statusContent}</div>
</div>
)
}
Ну сам компонент ну точно ререндерится и проходит через этот кусок когда я хочу, но тем не менее сам html код остается неизменен.
У меня такое ощущение что мне мешает некая оптимизация, для предотвращения "не нужного" изменения html
Эмм, похоже что это все таки оптимизация... Мне надо прокинутыми пропсами именно изменить ту часть HTML'a, которую я хочу поменять, остальную часть он скипает. Если я меняю текст пропсом, то менятеся только текст, а атрибут остается тем же. -_-
Oleksii
Access to fetch at 'https://maps.googleapis.com/maps/api/place/details/json?' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Aleksandr
Привет. Пожалуйста расскажите что более важно для вас в проектировании API ? Опрос займёт не более 2 минут. Спасибо! По ссылке будет google form: https://forms.gle/PkCiufh6B5cmvHUS8
🦜
Igor
можно ли хранить Map в стейте?)
Igor
это вроде как мутируемый набор данных, может я ошибаюсь
Igor
фигово)
Коля
ты просто сетишь в стейт новую ссылку на обьект через setState
Коля
А в какой ситуации ты собираешься юзать Map?
Igor
я понимаю, deep-copy придется делать, ну лан, подумаю еще. Тут просто ебанутая структура данных и она вся редактируемая, пока не смог придумать как лучше организовать))
Igor
