Иван
Казалось бы обычный цвет поменять, а тут еще надо редактировать svg вручную
Владимир
Хай пипл
🤴👷‍♂️🦸‍♂️🧚‍♀️
Иван
о я просто закомментил style в коде svg и заработало
Oleg
SEO !== SSR
но ssr == seo 🤔
Vladimir
Всем привет, может кто посоветовать библиотеку для того что бы отрисовать нечто вот такое?
Vladimir
да я просто уже какое то время потратил на вот это https://api.highcharts.com, но мне кажется что для моей задачи эта либа переизбыточна, да и не могу найти в ней варианты кастомизации граффов в полной мере так сказать
Vladimir
спасибо, посмотрю
Nikita
Кто как реализует аутентификацию? Интересно очень
Vladimir
я ниже написал, что уже смотрю какое то время доку этой либы, но она мне кажется избытачной для моей задачи, да и я пока что не видел что бы она давала те возможности которые мне нужны
Vladimir
но, все равно спасибо!
I.
c d3 заебешься, имхо
Vladimir
да я и с highcharts, уже подустал, адовая документация, талмут как Война и Мир
🐝 dmitriy
Попробуй https://nivo.rocks/ - вся кастомизация заключается в настройке обьекта опшенсов
I.
лучшая документация ❤️
Владимир
Владимир
функция срабатывает по клику пользователя, у меня там в цикле на определенных итерациях происходит запись setValues и в консоли они отображаются поочередно по времени как надо, но в приложении они не рендерятся, только последнее после окончания цикла.
Владимир
поможет кто разобраться с рендером во время выполнения цикла?
Andrey
привет, подскажите что не так? Next.js, не работает переход по динамическому роуту (никаких ошибок и сообщений нет). Если сначала перейти по нему, потому вернуться на другую страницу и попробовать перейти, то работает... pages/register.tsx pages/register/[stepid].tsx код register.tsx import Router from 'next/router'; import { compose, setStatic } from 'recompose'; import { State } from '../src/reducers'; export default compose( setStatic( 'getInitialProps', async ({ isServer, res }: SSRNextPageContext<State>) => { if (isServer) { res.writeHead(302, { Location: '/register/1', }); res.end(); return; } Router.push('/register/[stepid]', '/register/1'); }, ), )(() => null);
🦜
Кто как реализует аутентификацию? Интересно очень
https://medium.com/@SilentHackz/simple-way-to-secure-react-apps-using-jwt-and-react-router-2b4a05d780a3
Viktor
Кто как реализует аутентификацию? Интересно очень
https://www.youtube.com/watch?v=2PPSXonhIck&t=91s Если нужна теория по аутентификации
Viktor
37 минут...
если не нужно/не интересно/не полезно, можно в принципе не смотреть)
Андрей
Привет, ребят! Делаю гитхаб юзер серчер в качестве обучения по одному курсу. Есть такой фрагмент кода, который рендерит приложулю. В общем-то ничего сложного, я в зависимости от стейта выношу различные элементы в переменные, которые потом вызываю в return (например loader или content)
Андрей
Сейчас настала пора изучать React Router, скажите пожалуйста, как эти переменные передать в элемент Route? VS Code подсвечивает как ошибку
Андрей
Eugen
Гайз нужна ваша помошь
Eugen
почему то когда я рендерую компонент то у меня сразу срабатывает событие ? почему так ? React.useEffect(() => { console.log('bingo222') document.addEventListener('click', () => { console.log('fosss') }) } }, [])
Yuriy
событие click опускается видимо до вновь отрендеренного компонента сделай в обработчике клика на родительском компоненте event.stopPropagation
Artur
Сейчас пример покажу
Artur
Eugen
событие click опускается видимо до вновь отрендеренного компонента сделай в обработчике клика на родительском компоненте event.stopPropagation
но не совсем то, мне не понятно почему до клика срабатывает событие клик. Ты делаешь клие по баттону, меняется стейт отрисовывается твой компонент и он сам же вызывает имитирует клик не понятно почему
Valentin
Всем приффки!!!! Хочу реализовать типа попачика на хуках. Как мне реализовать добавление ивента на клик стр и следить за его удалением, при анмаунте приложения? Если это хуки и там же нет обычного жизнгенного цикла
Valentin
useEffect
мммм???? а как его убить при размаунтировании?
Тимофей 🛴
мммм???? а как его убить при размаунтировании?
Ты доку читал? Ссылку которую кинули открыл?
Eugen
Кажется, ты что-то путаешь. Собери демку, покажи. Чтобы не угадывать, что же ты имеешь в виду.
это касательно той проблемы о которой я писал. при рендере сразу срабатывает клик
Daniil
https://ru.reactjs.org/docs/hooks-effect.html#effects-with-cleanup
Valentin
ой не увидел, читаю
Vladimir
это касательно той проблемы о которой я писал. при рендере сразу срабатывает клик
код покажи. Возможно у тебя там типа такого: onClick={handleClick()}
Eugen
код покажи. Возможно у тебя там типа такого: onClick={handleClick()}
https://codesandbox.io/s/react-date-demo-daypickerrangecontroller-snmkb
Eugen
https://codesandbox.io/s/react-date-demo-daypickerrangecontroller-snmkb
Ну мне кажется проблема тут в том что когда я использую useEffect, то он же не только как дидМаунт служит, а еще как дидАпдейт. Но опять таки какого хера он вызывает функцию без клика
Daniil
Ну опять же, если тебе аналог дид маунта нужен, укажи пустые deeps
Eugen
код покажи. Возможно у тебя там типа такого: onClick={handleClick()}
Причем за тестил на классах там все нормально работает
Sheldhur
полноценный unmount
Sheldhur
а чтобы понять что делает идешь в документацию по хукам и читаешь
Ivan
https://codesandbox.io/s/react-date-demo-daypickerrangecontroller-snmkb
А теперь напиши словами, что с кодом не так? В песочнице всё работает как должно.
Eugen
А теперь напиши словами, что с кодом не так? В песочнице всё работает как должно.
ну когда ты нажимаешь кнопку open, не должна консолька выводить, только когда отрендерится компонент и по следующему клику должен сработать консолька
Eugen
И что не так?
да я уже сам запутался, вроде все норм )
Ilia
Ребят,как мне получить из state объект {user1: { ch: 0.1, win: false, lose: false },} если const [state, setState] = useState({ userStep: 1, chance: 0, user1: { ch: 0.1, win: false, lose: false }, user2: { ch: 0.3, win: false, lose: false } });
Ilia
Что бы мне изменить в setState({...state,...user1}),а user1 тут другой будет.
Dima
Всем здарова, мне сказали добавить в .gitignore какой то шаблонный код для react-app. это он? .idea/ .vscode/ node_modules/ build .DS_Store *.tgz my-app* template/src/__tests__/__snapshots__/ lerna-debug.log npm-debug.log* yarn-debug.log* yarn-error.log* /.changelog .npm/