Sm•ok
"При загрузки страницы с проектом если в стейте нету проекта то показать прелодер" А что ты имеешь ввиду под "страницы с проектом" ?
Sm•ok
Я с переводчиком сижу(
Я розумiти Украiнски
Sm•ok
чуть чуть
Андрей
В общем так Я проверяю если есть проект с стейте то его рисую, иначе показываю прелодер. Каое условие написать что бы если роут неверен показать 404?
Sm•ok
что за проект ?
Sm•ok
ты про страницу ?
Sm•ok
"есть проект в стейте"
Sm•ok
Это не могу понять
Андрей
Дададад это просто страница с проектом- типо пост, запись можно считать
Sm•ok
то есть ты обращаешься к новости
Sm•ok
и если ее нет, то показываешь error page ?
Андрей
Да
Sm•ok
На ошибках редиректи на страницу 404
Андрей
Тут просто такой маршрут /proekt{id} щас вмсето айди может подставить от 1 до 12 записей, а если уже будет такой маршрут /proekt13 то будет прелодер а нужен 404 пайдж
Sm•ok
ты вручную указываешь id ?
Sm•ok
Ну крч когда ловишь 404, то перекидывай на страницу ошибки
Margarita
Могу ошибаться, но я бы сделала роут на /project/:id - если react-router. И внутри компонента проверяла id, что нибудь типа switch case, и default case был бы 404 - значит по всем кейсам прошел и совпадений не нашел
Margarita
Но если они откуда-то грузятся а не просто вбиты в код, то лучше на моменте загрузки с сервака проверять, есть ли такой проект
Victor
См. про JSX раздел http://blog.csssr.ru/2019/05/26/semantics-in-programming
посмотрел, выглядит как будто display-if хорошая штука
Victor
Вот пример одного и того же кода с display-if или conditional render
Victor
IntelliJ IDEA
Victor
Форматирование ужасно
справа или слева
Sergey
Victor
Что именно плохо?
artalar
Форматирование ужасно
На самом деле в реале это лучше выглядит
artalar
Чем на ужатом jpg =)
Vladislav
Sergey
Мне норм
artalar
Вот пример одного и того же кода с display-if или conditional render
А, хммм. Я ссылку на плагин не открыл по началу, думал там про <If>, <For>... display-if - интересно 🤔
Vladislav
Мне норм
вкусовщина, согласен
Victor
ну т.е. обсуждение <a display-if={true}> vs {true && <a>} свелось к обсуждению светлой/темной темы редактора? 😊
Bogdan
Вот пример одного и того же кода с display-if или conditional render
display-if встроенная хрень или нет? найти не могу про него
Victor
https://www.npmjs.com/package/babel-plugin-jsx-display-if
Ryhor
Как в редакс саге отправить два авинхронных запроса одновременно, не ожидая выполнение предыдущего?
artalar
Апи такое
Margarita
А если нужно где то показать компонент, который рендерится при else, то будет мешанина из обоих подходов, по-моему не очень
Bogdan
вот есть задача, пошаговая форма, есть 5 шагов, для этого нужно 5 компонентов, плюс к ним родителя, у которого будет стейт или проще визард форм брать?
Andrey
<a display-if={!else}>
зачем вы это говно форсите?
Ryhor
Апи такое
спасибо
Sergey
зачем вы это говно форсите?
Да вот тоже сижу думаю
Andrey
Да вот тоже сижу думаю
даже проверил сначала, не промазал ли я чатом о:
Victor
зачем вы это говно форсите?
очень авторитетное мнение, спасибо. Я всего лишь делюсь "говном", на которое мы перешли и очень довольны. Или вас тоже не устраивает светлая тема в скриншоте? :)
Varyen
эта vue in react?
Sergey
Лучше уж брать <if condition>
Varyen
если вы про синтаксис if
Sergey
Чем прокидывать фантомный проперти
Victor
чего-чего? какая вложенность? Зачем лишняя вложенность
Kurzdor
Лучше уж брать <if condition>
Либо тернарка или реакт медиа
Andrey
очень авторитетное мнение, спасибо. Я всего лишь делюсь "говном", на которое мы перешли и очень довольны. Или вас тоже не устраивает светлая тема в скриншоте? :)
ну типа глазами придется парсить пропы каждый раз, чтобы понять, это условный рендеринг, или просто пачка пропсов в отличии от тернарников и того, что сова написал
Sergey
чего-чего? какая вложенность? Зачем лишняя вложенность
Чтобы с первого взгляда понять, что будет рендериться, а что нет
Victor
я привел пример одного и того же кода с "фантомным атрибутом" и классической тернаркой
Sm•ok
Victor
ну типа глазами придется парсить пропы каждый раз, чтобы понять, это условный рендеринг, или просто пачка пропсов в отличии от тернарников и того, что сова написал
вот честно, ни у одного из десятка разработчиков не было такого вопроса за все время. На мой взгляд будет рендерится компонент или нет не важнее других пропертей которые в него суют, чтобы быть вынесенным за рамки компонента
Kurzdor
Что за реакт медия ?
Аналог @media для рендеринга компонентов
Sergey
Нет
Sergey
Когда открываешь компонент и не понимаешь сходу когда что будет рендериться и почему
Andrey
плюс во всей этой истории смущает завязка на бабель плагине
Sergey
Ладно. Я напишу потом статью
Victor
Я вас понял, вы за чистоту реакта. Не дай боже использовать подходы из всяких там ангуляров или вуе
Margarita
<a display-if={!else}>
Нормально форматирования типа табов как в обычном условии не будет и при беглом взгляде надо будет напрягаться, чтобы понять что к чему
Sergey
Я вас понял, вы за чистоту реакта. Не дай боже использовать подходы из всяких там ангуляров или вуе
Типа того. Но я уже говорил, что можно затащить <If condition>. Но придет @artalar и расскажет за семантику
Victor
плюс во всей этой истории смущает завязка на бабель плагине
ну и что, это просто инструмент. А завязка на react-media вас бы не смущала? :)
Victor
лан, я поделился, больше не буду форсить говно
Andrey
ну и что, это просто инструмент. А завязка на react-media вас бы не смущала? :)
я к тому, что тернарники - стандарт языка, а поддержку бабель плагина никто не гарантирует я на реакт-медиа не завязывался, если шо (вообще как то так получается проектировать, что в компоненте тернарка только на верхнем уровне в большинстве случаев, и все эти ухищрения мне тупо чужды)
Sergey
лан, я поделился, больше не буду форсить говно
Да и как быть с флоу тоже вопрос
Victor
какой флоу?