Alexei
Ребята, всем привет! Есть тут гуру деплоя на хероку? Случилась супер странная вещь и никак не могу зарезолвить Кому можно задать вопрос?
Vladimir
Всем кстати привет, я вот недавно фронтом начала заниматься, сел за рекат. У меня есть родительский компонент и два дочерник, как при изменении одного из дочерних мне сообщить об этом в другой дочерний? Редакс или Хуки только? А то когдя я начитаю через родителя делать вылезают странные глюки
Aidyno
Как это примерно описать с помощью Redux?
Aidyno
Просто когда Fetch делаю, он берет другие значения Стейта, как редьюсер описать?
Aidyno
не, это то я знаю
Looch
которые тебе дают досутп к стейту и диспатчу в экшонах
Aidyno
получается сделать так? combineReducers({ photos: listOfPhotos });
Looch
ну подумай над логикой которая у тебя там должна быть
Aidyno
а в reducer listOfPhotos передать как initialState = {photos: [ ], current_page: 1} и получается использовать их из initialState при описании редьюсера
Looch
как много у тебя операций над каждой сущностью происходит
Sergey
наконец-то я нашел как помечать неиспользуемые переменные андерскором
Sergey
офигенно
Anonymous
Всем привет. Хочу спросить следующее. Почему обязательно импортировать React при создании классового копонента? Почему недостаточно {Component}, ведь наследование происходит именно от него, и логично предположить, что он должен быть самодостаточен.
Лёва 🎃
Два дня назад на конференции F8 была представлена новая версия facebook.com. Команда разработчиков рассказала о технологиях, которые лежат в основе новой версии социальной сети. Новый сайт — это полноценное SPA-приложение. За данные отвечают GraphQL и Relay, которые позволяют получать только те данные, которые нужны компонентам на текущей странице. Такой подход помог избавиться от загрузки избыточных данных и сделал возможным загрузку данных параллельно коду. Очень много внимания уделили Code-Splitting'у. С помощью Relay был достигнут Data-Driven Code-Splitting — вместе с данными указываются компоненты, которые нужны для отрисовки кода. Ещё реализовали пару дополнительных функций для разделения кода в зависимости от фаз отрисовки страницы: показ начальной страницы загрузки, отрисовка страницы, добавление интерактивности. Также рассказали про изменения в CSS. Теперь за каждое правило отвечает отдельный класс (Atomic Stylesheets), что позволило снизить общее количество скачиваемых стилей. Используют React.Suspense, для того чтобы улучшить UX. Рассказали про свою работу над Chromium: скоро зарелизят новое браузерное API isInputPending. С помощью этого API станет возможным прерывать работу JS, если известно, что пользователю результат выполнения кода не нужен. Например, если код на первой странице приложения ещё не отработал, а пользователь уже попытался перейти на следующую страницу. Информации очень много, рекомендую посмотреть. #relay #codesplitting #facebook https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/
Кидай такое лучше со ссылкой на пост
Looch
хотя судя по хукам то не только
Anonymous
для jsx и бабеля
Благодарю.
Sergey
📘 Building the New Facebook.com At F8 this week, the new Facebook.com was revealed. This talk takes a deep dive into the new UI architecture and explains how the latest React features are used to build a high quality user experience. https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay
Sergey
Sergey
В смысле нашел?)
я давно хотел const { omit: _omit, ...rest } = getOptions() function demo(_unused, used) { return used + 1 }
Sergey
чтобы явно видно было
Лёва 🎃
чтобы явно видно было
Чтобы вместо unused использовать _? Или именно как ты написал _unused
Лёва 🎃
Порой вставляю _, но вебшторм выделяет серым и пишет, что оно не используется 😭
Лёва 🎃
Оно тогда игнорит, что оно unused?
Лёва 🎃
Типа: все ок, пиши код дальше
Sergey
Оно тогда игнорит, что оно unused?
ну в eslint я добавил такие настройки. теперь, да пишешь _some и еслинт такой: ок это неиспользуется ты знаешь об этом, пиши дальше
Лёва 🎃
Надо себе тоже добавить, спс
Sergey
Надо себе тоже добавить, спс
https://github.com/atomixinteractions/eslint-config/releases/tag/v7.1.0
Roman
я давно хотел const { omit: _omit, ...rest } = getOptions() function demo(_unused, used) { return used + 1 }
я так и пишу. еще думал спрашивать норм ли так, но забил
Kurzdor
есть что то похожее на это?
Kurzdor
https://github.com/akiran/react-slick
Kurzdor
кроме react-id-swiper
Sergey
https://github.com/akiran/react-slick
чем это не устроило?
Kurzdor
ну я просто нутром ненавижу слик
Sergey
так поясни
Kurzdor
еще с жквери слика
Kurzdor
ибо жквери
Kurzdor
да, я знаю что тут не юзается жкверь
Kurzdor
но есть ли еще другие карусели?
Roman
да, я знаю что тут не юзается жкверь
тебе просто слово не нравится?)
Kurzdor
тебе просто слово не нравится?)
я просто не люблю тащить в проект столькоб при том что используется только разве DOM манипуляция, очень редко AJAX, но должен сказать, она хороша в плане того что она по сути делает за тебя грязную работу и делает жизнь проще
Kurzdor
и за это ёё полюбили
Roman
но в react-slick нет jquery, а тебе оно не нравится просто по привычке?
Kurzdor
вижу просто даже слово слик — плююсь
Kurzdor
причины: * Хуевое API * делает хуевую разметку и я щас к примеру ебусь с ним * jQuery (в реакт версии отпало)
Kurzdor
ну вот блять что это такое
Kurzdor
Kurzdor
react-id-swiper хорош, но он не знать зачем собирает с собой депенденси ака dom7 и ssr-window
Андрей
Здратуте. Учусь реакту. Скажите, если я не знаю бекенд языка и хочу залить свой react- next проект на какой-то хостинг, мне не трудно будет там распаковать проект что бы он рендерился на сервере?
Mikhail
Здратуте. Учусь реакту. Скажите, если я не знаю бекенд языка и хочу залить свой react- next проект на какой-то хостинг, мне не трудно будет там распаковать проект что бы он рендерился на сервере?
статей как задеплоить проект - много, если освоил реакт, то все получится если речь про сср, то выбирай стек для бека и начинай вникать
artalar
🤔🤔 https://zeit.co/blog/serverless-pre-rendering
Anton
Доброе утро, ребят! А эта ошибка - это ошибка фронта?
Maxim
Доброе утро, ребят! А эта ошибка - это ошибка фронта?
Да. Похоже на непреднамеренную рекурсию где-то.
Anonymous
Вроде читал статью, что SSR уйдет в небытие, у кого какие мысли по данному поводу?
Maxim
🤔🤔 https://zeit.co/blog/serverless-pre-rendering
Я так понял, предлагается кешировать отрендеренную страницу и как бы все.. А в чем инновация? Или я не понял чего-то?
Дмитрий
знакомый спросил: "Слышал, ты хочешь стать программ-ом?" я да говорю. а что ты будешь делать на работе, когда научишься и устроишься пр-ом? я говорю я сайты делать учусь. он а ну сайты... я говорю, но не просто сайты, а крутые сайты с использованием одной технологии Реакт - это когда весь сайт пишется на языке прог-я, а потом код этот скачивает браузер и начинает его исполнять. типо весь сайт полностью написан на языке программир-я. он, я не шарю, но что-то крутое, похоже... интересно стало я правильно написал как реакт работает или чушь сморозил?)
Eduard
Всем доброе утро, посоветуйте хорошую либу для валидации формы, спасибо 😁
500 Internal Server Error
Подскажите, только изучаю Typescript, как мне правильно описать props? когда делаю так: interface IProps { prop1: string; prop2: string; } Typescript не видит стандартные пропсы типо children. Есть механизм типа "IProps extend ComponentProps"? Не могу правильно загуглить
Дмитрий
Реакт так точно не работает 😂
понял. можешь в одном предложении описать как? чтоб я в след. раз так не фейлился)
Nikita
понял. можешь в одном предложении описать как? чтоб я в след. раз так не фейлился)
Ну если совсем абстрагироваться, то так и есть: с помощью React можно написать полноценный сайт, но React - это не язык программирования и фраза "код Реакта скачивается браузером и исполняет его" вызывает много вопросов. По крайней мере на собеседованиях я такого не приемлю 😒
Дмитрий
Ну если совсем абстрагироваться, то так и есть: с помощью React можно написать полноценный сайт, но React - это не язык программирования и фраза "код Реакта скачивается браузером и исполняет его" вызывает много вопросов. По крайней мере на собеседованиях я такого не приемлю 😒
я просто для человека не разбирающегося в программировании хотел донести, что я не просто буду сайтики клепать... а как сказать, что реакт это круче, чем просто большинство сайтов тогда? подскажешь?
500 Internal Server Error
https://t.me/ts_ru
щас меня оттуда кинут в группу "React + Typescript"😂😂