Ага спасибо
https://flaviocopes.com/nextjs-api-routes/
Oleg
pacificescape 🇪🇪
немного не понимаю, зачем именно next под api. мб путаю что-то кнч
А что на нем апи делать хуже чем на коа?
Oleg
Ага спасибо
как я понял, это не совсем бэкенд, а скорее прослойка между бэкендом и фронтом. и полноценный бэкенд все же нужен
wolfe
А что на нем апи делать хуже чем на коа?
ну не то, что лучше/хуже.
у меня просто в голове вариант с лерной и запуском некста и экспресса отдельно. просто чтобы не смешивать
wolfe
это все можно завернуть в докер-контейнер и будет гут
pacificescape 🇪🇪
Мира
Делаю соц-сеть на реакте для портфолио, хочу сохранять данные на любом сервере что бы показать что "умею" работать с серверными АПИ и асинхронным кодом.
Кто знает бесплатные сервисы (открытие, на конфиденциальность всеравно) что бы их юзать как сервер?
Не хочу просто лезть в бэк ради одной работы, не сейчас уж точно)
Dmitry
Кек. Соц сеть без бэка
Yanush
Avin
Делаю соц-сеть на реакте для портфолио, хочу сохранять данные на любом сервере что бы показать что "умею" работать с серверными АПИ и асинхронным кодом.
Кто знает бесплатные сервисы (открытие, на конфиденциальность всеравно) что бы их юзать как сервер?
Не хочу просто лезть в бэк ради одной работы, не сейчас уж точно)
я вот это использую https://github.com/jaywcjlove/mocker-api или как сказал @hinthunter json-server тоже норм
Мира
Спасибо :3
Natalia
делали несколько модальных окошков в одном компоненте?
Vadim
Anonymous
Ну держал в себе всю логику модальных окон, и уже любой контент оборачиваешь в функцию типа withModal и этот контент становится модалкой
Natalia
а как управлял ими (допустим сначала одно а потом второе показать)
Anonymous
Ну смотря как ты управляешь состоянием приложения в целом, редакс там или просто в стэйте родителя
Anonymous
Тут уже чисто логика
Evgeny
а чего когда вешаешь рефу на компонент приходится такую цепочку писать))
this.ref.current.ref.current.offsetWidth
Daniil
Делаю соц-сеть на реакте для портфолио, хочу сохранять данные на любом сервере что бы показать что "умею" работать с серверными АПИ и асинхронным кодом.
Кто знает бесплатные сервисы (открытие, на конфиденциальность всеравно) что бы их юзать как сервер?
Не хочу просто лезть в бэк ради одной работы, не сейчас уж точно)
https://jsonplaceholder.typicode.com/
Bogdan
Daniil
Всем привет еще раз кто может помочь с hook вопрос . Вопрос в том что нжуно что бы в pages попала разница от " tottalPersonsCount / pageSize " , все впорядке туда попадает , и в потом нужно это число через for отправить в массив pages => отпарвил в console.log вижу , и выскакивает pages.map is not function , вот ссылка https://codepen.io/Daniil_Sapielkin/pen/OJPmqQo
Daniil
MVD
Кто нибудь может подсказать интерактивные курсы по js?
Daniil
Кто нибудь может подсказать интерактивные курсы по js?
https://coursehunter.net/ Вот сай все что твоя душа пожелает
Yury
Всем привет еще раз кто может помочь с hook вопрос . Вопрос в том что нжуно что бы в pages попала разница от " tottalPersonsCount / pageSize " , все впорядке туда попадает , и в потом нужно это число через for отправить в массив pages => отпарвил в console.log вижу , и выскакивает pages.map is not function , вот ссылка https://codepen.io/Daniil_Sapielkin/pen/OJPmqQo
1) не делай так pages.push(i)
2) ты из .map ничего не возвращаешь
MVD
https://coursehunter.net/ Вот сай все что твоя душа пожелает
Я ищу интерактивные курсы, а не просто видеоуроки.
MVD
С упором на практику и на самостоятельное написание кода
Yury
ой , там setPages((i))
ну так ты вызываешь функцию setPages c числом. т.е у тебя pages становистя числом, а не массивом
Daniil
ну так ты вызываешь функцию setPages c числом. т.е у тебя pages становистя числом, а не массивом
ага вот почему в консоле я вижу число , точно ... а как делать уже часа три сижу ?
アレクサンダー・バキマトフ
ага вот почему в консоле я вижу число , точно ... а как делать уже часа три сижу ?
если я правильно понял задачу setPages([...pages, i])
アレクサンダー・バキマトフ
и у тебя там в эффекте не хватает второго аргумента
Daniil
если я правильно понял задачу setPages([...pages, i])
アレクサンダー・バキマトフ
и у тебя там в эффекте не хватает второго аргумента
^ пойди наверно еще раз почитай доку по хукам
Constantine️
и про цыплят заодно можно освежить память
Daniil
^ пойди наверно еще раз почитай доку по хукам
поссмотри пожалуйста ,так должно быть ? Только мне приходит одна кол-во сколько их , а не все https://codepen.io/Daniil_Sapielkin/pen/OJPmqQo
Mikh (vacation)
поссмотри пожалуйста ,так должно быть ? Только мне приходит одна кол-во сколько их , а не все https://codepen.io/Daniil_Sapielkin/pen/OJPmqQo
странно делать в цикле setState
for (let i = 1; i < currentPage; i++) {
setPages([...pages, i])
}
посчитай новый pages потом его отправь в setState
const newPages = [...pages];
for (let i = 1; i < currentPage; i++) {
newPages.push(i);
}
setPages(newPages);
Mikh (vacation)
еще примеры хорошо бы кидать не из codepen, а из https://codesandbox.io/
чтобы можно было поэкспериментировать
Daniil
еще примеры хорошо бы кидать не из codepen, а из https://codesandbox.io/
чтобы можно было поэкспериментировать
понял , щас попробую сделать
Daniil
странно делать в цикле setState
for (let i = 1; i < currentPage; i++) {
setPages([...pages, i])
}
посчитай новый pages потом его отправь в setState
const newPages = [...pages];
for (let i = 1; i < currentPage; i++) {
newPages.push(i);
}
setPages(newPages);
Алилуя !! Так всегда нужно делать если нужно что-то посчтитаь и отправитьь в stat ?
Mikh (vacation)
Алилуя !! Так всегда нужно делать если нужно что-то посчтитаь и отправитьь в stat ?
Алилуя !!
нужно понимать, что вызов setState не бесплатен, и деструкция тоже не бесплатна (...pages)
делая это в цикле зря тратишь ресурсы.
Так всегда нужно делать если нужно что-то посчтитаь и отправитьь в stat ?
Вот этого не понял. stat это setPages?
Mikh (vacation)
Алилуя !! Так всегда нужно делать если нужно что-то посчтитаь и отправитьь в stat ?
еще у тебя не понятно зачем это делается в useEffect.
возможно следует заинитить сразу
const [pages, setPages] = useState(() => {
const pages = [];
const currentPage = tottalPersonsCount / pageSize;
for (let i = 1; i < currentPage; i++) {
pages.push(i);
}
return pages;
});
// плюс можно замемоизировать
const items = useMemo(() => pages.map(item => (<span>{item}</span>)), pages);
...
return (
<div className="container" >
{items}
</div>
);
Daniil
еще у тебя не понятно зачем это делается в useEffect.
возможно следует заинитить сразу
const [pages, setPages] = useState(() => {
const pages = [];
const currentPage = tottalPersonsCount / pageSize;
for (let i = 1; i < currentPage; i++) {
pages.push(i);
}
return pages;
});
// плюс можно замемоизировать
const items = useMemo(() => pages.map(item => (<span>{item}</span>)), pages);
...
return (
<div className="container" >
{items}
</div>
);
Уго , за этот хук я не знаю useMemo, а так ты написал я гдето видел но не придал значения , и по повду useEffect ты прав , мне сказали как написать , а я не сильно понял как можно по другому... спасибо тебе большое !)
Daniil
Кстати классный хук
Mikh (vacation)
еще кстати, так как там у тебя массив спанов, нужно ключ задать
pages.map((item, i) => (<span key={i}>{item}</span>))
хотя бы так (но вообще, рекомендуется не от порядкового номера отталкиваться, а от содержания, в случае пересортировки будет корректнее работать)
Mikh (vacation)
Кстати классный хук
вот они все (встроенные), https://reactjs.org/docs/hooks-reference.html
и бесконечное количество кастомных, например https://github.com/rehooks/awesome-react-hooks (первое что в выдаче попалось)
Daniil
еще кстати, так как там у тебя массив спанов, нужно ключ задать
pages.map((item, i) => (<span key={i}>{item}</span>))
хотя бы так (но вообще, рекомендуется не от порядкового номера отталкиваться, а от содержания, в случае пересортировки будет корректнее работать)
Ну в моем случае наверное все таки по порядковому номера , так как это просто страницы
Mikh (vacation)
ага
Maxim
Как отключиь isolatedModules в CRA?
Александр
Redux Toolkit как средство эффективной Redux-разработки
https://habr.com/ru/company/inobitec/blog/481288/
Sheldhur
no-unused-vars можно заставить не агриться на неиспользуемые функции?
Igor
Ищу хорошего реакт разработчика на пару задач и помощь в архитектуре фронта reactjs приложения.
Александр
Всем привет еще раз кто может помочь с hook вопрос . Вопрос в том что нжуно что бы в pages попала разница от " tottalPersonsCount / pageSize " , все впорядке туда попадает , и в потом нужно это число через for отправить в массив pages => отпарвил в console.log вижу , и выскакивает pages.map is not function , вот ссылка https://codepen.io/Daniil_Sapielkin/pen/OJPmqQo
Я уже вчера говорил, но буду занудой до конца, не нужен тут ни useEffect, ни setPages. Количество страниц элементарно вычисляется при рендере как ceil(total / size). Не надо тут в стейт писать вычисляемое элементарно значение. Это приведёт только к ошибкам.
Maktordev
Привет, подскажите как правильно подключить spa к сайту, например site.com, а по ссылке site.com/spa - наш spa на CRA?
Александр
Mikh (vacation)
Я уже вчера говорил, но буду занудой до конца, не нужен тут ни useEffect, ни setPages. Количество страниц элементарно вычисляется при рендере как ceil(total / size). Не надо тут в стейт писать вычисляемое элементарно значение. Это приведёт только к ошибкам.
Да, если потом pages никак не планируется менять внутри компонента, то стейт конечно не нужен. Это относится ко всем переменным в компоненте. Ну судя по закоментированному коду, их изменение все же планировалось, а заполнение цифрами через for, это так, эксперименты
Maktordev
Именно по ссылке как написано
Александр
Да, если потом pages никак не планируется менять внутри компонента, то стейт конечно не нужен. Это относится ко всем переменным в компоненте. Ну судя по закоментированному коду, их изменение все же планировалось, а заполнение цифрами через for, это так, эксперименты
Не вижу противоречий, посмотрел сакоментированный код, останусь при своём мнении, не нужно сохранять pages
Александр
Надо подключить приложение на cra к сайту для создания чата
Ну так, подключите, что именно не работает то?
Maktordev
Есть сайт, есть приложение, теперь как их соединить чтобы приложение открывалось как по ссылке на сайте /spa
Александр
Есть сайт, есть приложение, теперь как их соединить чтобы приложение открывалось как по ссылке на сайте /spa
Судя по характеру вопроса отношения к реакту он не имеет. Ответить на него тоже не представляется возможным, если не знать что да как устроено у вас.
Maktordev
Судя по характеру вопроса отношения к реакту он не имеет. Ответить на него тоже не представляется возможным, если не знать что да как устроено у вас.
Не знать реакт и не знать как добавить реакт это разные вещи
Александр
Ну реакт тут не при чем
Александр
Если бы приложение было на ангуляре, то ничего бы не поменялось в данном вопросе
Maktordev
Могу его добавить компонентом, но не целым приложением,а надо готовое приложение
Maktordev
На cra
Александр
Могу его добавить компонентом, но не целым приложением,а надо готовое приложение
Хорошо, а как добавить реакт приложение на site.com вы представляете? А в чем трудность сделать это же самое для site.com/spa? Один фиг это относиться к настройке веб сервера который вы используете. Просто скажите ему раздавать статику приложения с /spa
Александр
На самом деле это разговор ни о чем будет, так как вы не дали никаких начальных условий, а выпытывать детали скучно.
Maktordev
Спасибо
Igor
возможно не реакт проблема но все же , значит при логине открывается модалка с логином паролем , вводишь все в запросе возращается url с токеном , этот токен сохраняю в локал сторейдже ну и еще приходит user его тоже сохранаю . и проблема в том что в IE (не всегда записывается токен) в других браузерах такой проблемы нету
deSilence
deSilence
хелпаните пж, на деструктуризацию ругается
Тимофей 🛴