Denis 🇺🇦
Напарника любил?
наоборот, все прям как у реактоведов типичных
Алексей
Я на ревью часто ругался из-за этого и один фиг ЭТО залитало в основную ветку т.к. горели сроки
штош. если чем-то плохо пользуются, не говорит о том, что "это" плохо. говорит только о том, что "говно в проде. повторяю. говно в проде"
Sergey
штош. если чем-то плохо пользуются, не говорит о том, что "это" плохо. говорит только о том, что "говно в проде. повторяю. говно в проде"
Разговор зашёл в тупик и мы говорим о разном. Нравится & — используй, я на него уже нагляделся.
Sergey
🙂🖖
Sergey
типа element { &:hover {
Eugene
🤔или когда какую-нибудь библиотеку переопределить надо
Eugene
хотя нет
Sergey
типа element { &:hover {
Я тоже этой практики придерживался, в проекте. Не более одного уровня. Сейчас на чистый CSS переписываю, дискомфорта не испытываю.
Eric
Guys, return в async thunk функции это нормально?
Sergey
Guys, return в async thunk функции это нормально?
а чего не нормального? лучше кейс покажи настоящий
Alexander
Привет, кто-нибудь сталкивался с такой проблемой? Первый компонент в списке дольше всех рендерится
Alexander
будем гадать на перфоманс гуще?
А причем тут гуща? Все компоненты одинаковые
Sergey
А причем тут гуща? Все компоненты одинаковые
при том, что это даже хуже, чем давать ответ пальцем в небо
Андрей
А причем тут гуща? Все компоненты одинаковые
С чего ты взял, что они одинаковые?
Sergey
без кода компонента и родителя, это так, бессвязное мычание
Alexander
Ну примерно так: Parent { items.map(item => ( <Item key={item.id} props={item} /> ) } Child export const Item = React.memo((props) => ( <div> <div>{item.name}</div> </div> ))
Alexander
Sergey
КОД
Sergey
который у тебя работает медленно
Sergey
ТВОЙ КОД
Alexander
Там просто вывод полей
Sergey
чувак
Sergey
либо решай сам, либо показывай актуальный код
Alexander
Тут кейс с тем, что первый компонент рендерится дольше остальных. Причем тут код?
Sergey
вот взять код который выше и доказать, что реакт рендерит первый компонент дольше остальных?
Sergey
и что проблема не в том, как ты написал тот свой код, а именно в реакте
Alexander
Надо сделать проверочку
Sergey
Ну примерно так: Parent { items.map(item => ( <Item key={item.id} props={item} /> ) } Child export const Item = React.memo((props) => ( <div> <div>{item.name}</div> </div> ))
просто потому, что тут НИЧЕГО нет и кейсов тысяча как минимум потому, если у тебя name одинаковый у элементов, то есть вероятность что компонент замемоизируется Плюс у тебя 2 ошибки в примере и непонятно как в реальном коде у тебя написано
Alexiagray
const scriptData = async () => { console.log('fetching') let data = await axios.get('https://mapi.discover.com/ios/native-app/initialize') .then(res => {return res}) .catch(err => {return err.message}) console.log('done') console.log(data) return data } в консоли выскакивает Network Error fetching done Network Error
Alexiagray
чё не так то не пойму там в ответ возвращается object на сайте
Alexiagray
+ ладно б если с этим сайтом такое было а так со всеми какой не возьми
Alexiagray
fetching done Promise {<pending>} ну так он возвращает промис
Alexiagray
мне сегодня кто-то говорил что зачем ты юзаешь try catch ну чтоб наверное результат с промиса получить
Alexiagray
да вы шо
Alexiagray
а я т не знал... вопрос был в другом как получить данные какой не используй метод axios , fetch с async await , без него всё возвращает что Network Error
Alexiagray
минусы - что не стоит совать форму с application store.
const scriptData = () => { console.log('fetching') let data = axios.get('https://github.com/axios/axios') .then(res => res.json()) .then(json => {console.log(json); return json}) .catch(err => {console.log(JSON.stringify(err))}) } {"message":"Network Error","name":"Error","stack":"Error: Network Error\n at createError (https://5754m.csb.app/node_modules/axios/lib/core/createError.js:16:15)\n at XMLHttpRequest.handleError (https://5754m.csb.app/node_modules/axios/lib/adapters/xhr.js:81:14)","config":{"url":"https://github.com/axios/axios","method":"get","headers":{"Accept":"application/json, text/plain, */*"},"transformRequest":[null],"transformResponse":[null],"timeout":0,"xsrfCookieName":"XSRF-TOKEN","xsrfHeaderName":"X-XSRF-TOKEN","maxContentLength":-1}}
Alexiagray
он в этйо песочнице чёт никуда не хочет подключаться
Ilya
он в этйо песочнице чёт никуда не хочет подключаться
проблема в чем? чтобы вывести ответ от сервера или чтобы выполнить запрос без ошибок?
Alexiagray
вывести ответ от сервера
Pasha
а что такого дает axios чего не делает обычный fetch? давно не понимаю, зачем оно надо просто
Ilya
не знаю откуда эти запросы шлются - но если из браузера то могут быть проблемы с кросдоменными запросами
Alexiagray
а что такого дает axios чего не делает обычный fetch? давно не понимаю, зачем оно надо просто
на фетче тож самое Network error просто запросы из браузера шлются
Alexiagray
я даж копировал запрос copy as fetch в нетворк вкладке
Alexiagray
из браузера и вставлял в песочницу один фиг выдавало ошибки что довольно странно
Ilya
в какую песочницу?
Alexiagray
https://codesandbox.io/s/react-native-5754m
🤴👷‍♂️🦸‍♂️🧚‍♀️
Ilya
https://codesandbox.io/s/react-native-5754m
ну так это тоже браузер
Ilya
А вообще мы офтопим.
Oleg
мы сделали react native, чтоб запускать react на мобилках. давайте сделаем react native for web, чтоб запускать react в браузере.
Oleg
https://codesandbox.io/s/react-native-5754m
не вижу обращения к axios в принципе. может, я слепой...
Alexiagray
потому что это теймплейт а не мой проект я его изменил в песочнице но не сохранял под свой
Oleg
потому что это теймплейт а не мой проект я его изменил в песочнице но не сохранял под свой
я, конечно, не эксперт, но мне кажется, тебе нужно просто axios(QWEQWEQWEQW).then((res) => { // work with your data }).catch(e => console.log(e))
Vlad
mac pro
Kirill
mac pro
Вот это мажоры тут
Vlad
Вот это мажоры тут
Не iMac Pro, а macbook pro
Владислав
ребята
Владислав
что проще учить Swift или React Native
Vlad
Вообще 2 разных лагеря
Vlad
А сам подумай, учить новый фреймворк или язык?