Alexei
Ребята, всем привет!
Есть тут гуру деплоя на хероку? Случилась супер странная вещь и никак не могу зарезолвить
Кому можно задать вопрос?
Vladimir
Vladimir
Всем кстати привет, я вот недавно фронтом начала заниматься, сел за рекат. У меня есть родительский компонент и два дочерник, как при изменении одного из дочерних мне сообщить об этом в другой дочерний? Редакс или Хуки только? А то когдя я начитаю через родителя делать вылезают странные глюки
Nikolai
Vadim
arts
Aidyno
Как это примерно описать с помощью Redux?
Aidyno
Просто когда Fetch делаю, он берет другие значения Стейта, как редьюсер описать?
Looch
Aidyno
не, это то я знаю
Looch
которые тебе дают досутп к стейту и диспатчу в экшонах
Aidyno
получается сделать так? combineReducers({
photos: listOfPhotos
});
Looch
ну подумай над логикой которая у тебя там должна быть
Aidyno
а в reducer listOfPhotos передать как initialState = {photos: [ ], current_page: 1} и получается использовать их из initialState при описании редьюсера
Looch
как много у тебя операций над каждой сущностью происходит
Sergey
наконец-то я нашел как помечать неиспользуемые переменные андерскором
Sergey
офигенно
Anonymous
Всем привет.
Хочу спросить следующее. Почему обязательно импортировать React при создании классового копонента? Почему недостаточно {Component}, ведь наследование происходит именно от него, и логично предположить, что он должен быть самодостаточен.
Looch
Лёва 🎃
Два дня назад на конференции 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
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
Vadim
Sergey
Sergey
В смысле нашел?)
я давно хотел
const { omit: _omit, ...rest } = getOptions()
function demo(_unused, used) { return used + 1 }
Sergey
чтобы явно видно было
Лёва 🎃
Порой вставляю _, но вебшторм выделяет серым и пишет, что оно не используется 😭
Sergey
Лёва 🎃
Оно тогда игнорит, что оно unused?
Лёва 🎃
Типа: все ок, пиши код дальше
Sergey
Оно тогда игнорит, что оно unused?
ну в eslint я добавил такие настройки.
теперь, да
пишешь _some и еслинт такой: ок это неиспользуется ты знаешь об этом, пиши дальше
Лёва 🎃
Надо себе тоже добавить, спс
Roman
Kurzdor
есть что то похожее на это?
Kurzdor
https://github.com/akiran/react-slick
Kurzdor
кроме react-id-swiper
Sergey
Kurzdor
ну я просто нутром ненавижу слик
Sergey
так поясни
Kurzdor
еще с жквери слика
Kurzdor
ибо жквери
Kurzdor
да, я знаю что тут не юзается жкверь
Kurzdor
но есть ли еще другие карусели?
Roman
Kurzdor
тебе просто слово не нравится?)
я просто не люблю тащить в проект столькоб при том что используется только разве DOM манипуляция, очень редко AJAX, но должен сказать, она хороша в плане того что она по сути делает за тебя грязную работу и делает жизнь проще
Kurzdor
и за это ёё полюбили
Roman
Roman
но в react-slick нет jquery, а тебе оно не нравится просто по привычке?
Kurzdor
Kurzdor
вижу просто даже слово слик — плююсь
Kurzdor
причины:
* Хуевое API
* делает хуевую разметку и я щас к примеру ебусь с ним
* jQuery (в реакт версии отпало)
Kurzdor
ну вот блять что это такое
Kurzdor
Kurzdor
react-id-swiper хорош, но он не знать зачем собирает с собой депенденси ака dom7 и ssr-window
Roman
Андрей
Здратуте. Учусь реакту. Скажите, если я не знаю бекенд языка и хочу залить свой react- next проект на какой-то хостинг, мне не трудно будет там распаковать проект что бы он рендерился на сервере?
Mikhail
artalar
🤔🤔
https://zeit.co/blog/serverless-pre-rendering
Anton
Доброе утро, ребят! А эта ошибка - это ошибка фронта?
Maxim
Anton
Anonymous
Вроде читал статью, что SSR уйдет в небытие, у кого какие мысли по данному поводу?
Maxim
Sergey
Дмитрий
знакомый спросил: "Слышал, ты хочешь стать программ-ом?" я да говорю. а что ты будешь делать на работе, когда научишься и устроишься пр-ом? я говорю я сайты делать учусь. он а ну сайты... я говорю, но не просто сайты, а крутые сайты с использованием одной технологии Реакт - это когда весь сайт пишется на языке прог-я, а потом код этот скачивает браузер и начинает его исполнять. типо весь сайт полностью написан на языке программир-я. он, я не шарю, но что-то крутое, похоже... интересно стало я правильно написал как реакт работает или чушь сморозил?)
Eduard
Всем доброе утро, посоветуйте хорошую либу для валидации формы, спасибо 😁
Nikita
500 Internal Server Error
Подскажите, только изучаю Typescript, как мне правильно описать props?
когда делаю так:
interface IProps {
prop1: string;
prop2: string;
}
Typescript не видит стандартные пропсы типо children. Есть механизм типа "IProps extend ComponentProps"? Не могу правильно загуглить
Дмитрий
artalar
Nikita
Дмитрий
500 Internal Server Error
https://t.me/ts_ru
щас меня оттуда кинут в группу "React + Typescript"😂😂
Luiza