орального*

Первая ссылка в стаковерфлоу

Скинь плез у меня не показывает

Дайте бойлер плейт там где с либой react-router-redux я вот о чем

а без withSass nextJs кажется только ванилный css понимает

Насколько я помню у реакта в эдвэнс гайд описан такой подход.

спасибо

А вообще лучше редакс используй и все эти сложности с дикими пробросами уйдут сами сабой

в redux и отправляй

Ну это понятно. Я с redux недавно работаю и некоторые моменты в доках не описаны. Точнее практики. Т.е. есть запрос, success которого в store вернёт тело ответа от сервера, но что делать с fail ответами (по сути типичная http ошибка). Я отправляю так же в store, но под ключём error. Хз как правильнее.

Зачем вообще их хранить в сторе?

Зачем вообще их хранить в сторе?

Ну это понятно. Я с redux недавно работаю и некоторые моменты в доках не описаны. Точнее практики. Т.е. есть запрос, success которого в store вернёт тело ответа от сервера, но что делать с fail ответами (по сути типичная http ошибка). Я отправляю так же в store, но под ключём error. Хз как правильнее.

Обычно в сторе хранятся данные плюс _метаданные_

У меня есть структура где я храню “данные” Типа data: state, isFetching: false, error: undefined, lastUpdated: undefined, Если случилась ошибка - кладу в ошибку. Далее в селекторах можно проверить что ошибка, ошибка.код==403 - разлогин Ошибка тоже данные

У меня есть структура где я храню “данные” Типа data: state, isFetching: false, error: undefined, lastUpdated: undefined, Если случилась ошибка - кладу в ошибку. Далее в селекторах можно проверить что ошибка, ошибка.код==403 - разлогин Ошибка тоже данные

??? Это всё-таки случится! React SPB Meetup #1: Animations, Fractal Components Design, Developer Experience. Когда: 4 июля, 2018 года Где: Selectel Conference Hall Друзья, время летит мимолётно! Прошло 5 лет с момента первого релиза и вот сегодня React.js стал стандартом де-факто Front-end разработки. Он оказало сильнейшее влияние на всю отрасль разработки UI в Web и давно вышел за его пределы - в мобильные телефоны, на Desktop и даже в область VR. На рынке труда появилась такая позиция как React-разработчик, которая сегодня является одной из самых востребованных и хорошо оплачиваемых. За эти несколько лет существования React.js накопилось много интересных практик, решений, инсайтов, опыта и появились разработчики с глубокими компетенциями в разработке React-приложений. Поэтому мы начинаем серию экспертных профессиональных митапов по React.js в Санкт-Петербурге. На этот раз встреча пройдёт в партнерстве с компанией Selectel. Отменяйте свои планы на 4 июля, регистрируйтесь, приглашайте коллег и приходите. Будет горячо! ПРОГРАММА: 19:00-19:20 Встреча, общение, знакомство 19:20-19:40 Вступительное слово, дайджест (Денис Измайлов, Axept) 19:40-20:10 How to animate React components (Сергей Сергеев, AdGo) Доклад о том, с чего начать, если нужно оживить интерфейс. Анимации до сих пор остаются челленджем в React.js. Как легко начать с ней в React.js? Рассмотрим нюансы анимации с CSS и JS, и на десерт погрузимся в анимацию с помощью Styled Components. Bio: Сергей работает Front-end разработчиком в компании AdGo. Занимается автоматизацией интернет-рекламы и разработкой внутренней CRM-системы. React, Redux, redux-saga, jest – вот это всё. 20:10-20:50 UI/UX DX: Инструменты разработки доступных интерфейсов (Александр Чудеснов, Tinkoff.ru) Кажется, уже все видели доклад «Людоедский интерфейс» Вадима Макеева. Нам напомнили, что пользовательский опыт важнее, чем опыт разработчика. Но как же обстоят дела с DX у разработчика, который создает хороший UX? Плохая новость: поначалу он гребёт голыми руками. Хорошая новость: когда разработчику надоедает грести голыми руками, он автоматизирует, а то, что не смог автоматизировать, систематизирует и упрощает. Этим и займемся. Bio: Давным-давно Александр посвятил два года жизни созданию доступных интерфейсов для коллекторов, а теперь работает над разделом платежей в крупнейшем онлайн-банке. Учит людей писать на JavaScript в финтех-школе Тинькофф. Переехал из Москвы в Питер, потому что может. 20:50-21:10 Кофе-брейк, чай-пати, живое общение 21:10-22:00 Fractal Atomic Design (Сергей Сова, Яндекс) Как перестать пробрасывать пропсы и начать писать структурированные приложения. Как вернуть реакту позицию View и куда класть логику? Как разделять ответственность и зачем? Bio: Да, это он, настоящий. Сергей много помогает разработчикам и "немного" вкладывает в Open Source. Исследую новые подходы в разработке фронтенда. Злой админ чата https://t.me/react_js – там вы узнаете его по сове. :) 22:00-06:00 Afterparty УСЛОВИЯ УЧАСТИЯ: 1. Мероприятие бесплатное. 2. Вход строго по регистрации: https://www.meetup.com/React-SPB-Meetup/events/252039119/ 3. ВНИМАНИЕ! Необходимо обязательно указать в настройках профайла на Meetup.com свои имя и фамилию и взять с собой документ, удостоверяющий вашу личность. Это важно. Очень важно. ВОПРОСЫ? Появились вопросы или готовы выступить с докладом на следующем митапе? Пишите в Telegram: - https://t.me/DenisIzmaylov Или на e-mail: events@axept.co

isFetching? Странный нейминг, мб лучше переделать на isLoading?

Помогите с ReactDOM.createPortal. Выдает ошибку что таргет - не ДОМ элемент. Беру его с помощью const elem = document.getElementByID("elemID");.

Проверь нашелся ли этот элемент, видимо его еще нет в тот момент

Тоже есть такие подозрения, но как это сделать, если начальный экран - ошибка.

Дебажить умеешь? В dev tools

В девтулз окно ошибки

У меня ничего не успевает на страницу вывалиться на том моменте, когда ошибка вылазит. И соответственно целевой элемент найти не может. Как можно решить такую задачу, если у меня сразу в рендере и целевой элемент, и дочерний, который вызовет портал?

У меня ничего не успевает на страницу вывалиться на том моменте, когда ошибка вылазит. И соответственно целевой элемент найти не может. Как можно решить такую задачу, если у меня сразу в рендере и целевой элемент, и дочерний, который вызовет портал?

У меня ничего не успевает на страницу вывалиться на том моменте, когда ошибка вылазит. И соответственно целевой элемент найти не может. Как можно решить такую задачу, если у меня сразу в рендере и целевой элемент, и дочерний, который вызовет портал?

дак вроде как не надо целевой рендерить реактом

Ты целевой реактом рендеришь? Так зачем тебе тогда портал?

Я думал о том, что возможно неправильно понимаю прицип портала, и целевой должен быть обязательно захардкожен в ХТМЛ. Но реакт на выходе даёт те же див-ы вместо кастомных, так что есть ли разница?

Потому что мне нужно из-под нескольких слоев вложенных элементов вывести конкретный динамически создаваемый элемент вверх и вбок.

Потому что мне нужно из-под нескольких слоев вложенных элементов вывести конкретный динамически создаваемый элемент вверх и вбок.

Конкретно для этого портал не обязателен, это чисто css

Если он тебе нужен внутри основного реакт приложения, то портал тебе не нужен

Да, эту задачу можно решить посредством css, но это же не очень будет.

Создавай корень для портала не в компонентах, а просто document.createElement

как посоветуете решить мой кейс? Я рассматривал варианты и с цсс, и с отдельными внешними элементами. Пришел к порталу, ибо мне нуны функции эвент-листенеры, которые попадают в эти элементы.

Конкретно кейса не знаю, но если с порталом, то создайте еще один div рядом с рутовым и в него рендерьте

Это очевидный выход, но у меня внутри приложения есть родительский компонент, который занимается получением и хранением данных, у которого есть два компонента - боковая панель с фильтрами, и таблица. И перенести надо глубоко дочерние компоненты талицы в боковую панель, не утратив связности между компонентами. Есть много разных подходов к моей цели, но этот я вижу наиболее лаконичным и изящным. Если тут потерплю полный крах, то да, отдельные компоненты, изменение состояние родителя и передача в пропсах.

дак связь не утеряется. В копмоненты которые рендерятся через портал передаются пропсы

делать лендинг на реакте хуевая идея?

делать лендинг на реакте хуевая идея?

делать лендинг на реакте хуевая идея?

нет

Супер идея ) только нафига?)

А нафига реакт для статики ?)

на лендингах тоже куча пересипользуемых компонентов, к примеру

А нафига реакт для статики ?)

Компоненты можно писать только на реакт?)

обычно куча всяких калькуляторов встраивается

На реакте?)

Компоненты можно писать только на реакт?)

ну на реакте же проще писать такое)

по такой логике, зачем тогда реакт на любых других проектах? Можно ведь и без него

по такой логике, зачем тогда реакт на любых других проектах? Можно ведь и без него

по такой логике, зачем тогда реакт на любых других проектах? Можно ведь и без него

У меня жена устроилась на новое место и вот уже третий лэндинг на реакте шипит. Реально не знаю как можно было бы сделать это все без реакта: - i11n - полная замена компонентов для разных медия - хитрая анимация - красивые page-2-page transition и так далее