я хз про rr5

не официальная приблуда

не официальная приблуда

А реакт роутер официальная?

дак стейт менеджмент приблуды тоже неофициальные

как сделать авторизацию через react redux route

как сделать авторизацию через react redux route

роутеры чекай на флаг isLogin к примеру и рендери или редиректи

роутеры чекай на флаг isLogin к примеру и рендери или редиректи

есть примеры

я просто роутеры не особо понял как работает

как сделать авторизацию через react redux route

Примерно так. Но лучше погуглить статьи и задавать конкретные вопросы

import React from 'react'; import PropTypes from 'prop-types'; import { Redirect, Route } from 'react-router-dom'; const propTypes = { component: PropTypes.func, auth: PropTypes.bool.isRequired }; const Route = ({ component: Component, auth, ...rest }) => ( <Route {...rest} render={props => auth === true ? <Component {...props} /> : <Redirect to={{ pathname: '/sign-in' }} />} /> ); Route.propTypes = propTypes; export const PrivateRoute = Route;

господа знатоки, кто знает как работает бабель в плане JSX? Интересует в какой момент происходит транспиляция: она происходит для каждого модуля отдельно или потом корневой файл транспилится в обычный JS?

Loaders are transformations that are applied on the source code of a module.

сам спросил - сам ответил

сам спросил - сам ответил

?

сам спросил - сам ответил

метод утенка в действии

Привет ребята, если не трудно, перечислите от 3 до 5 наиболее используемые модули/либы в разработке вместе с React

Router, helmet, redux, styled components и 5 на выбор?)

router, styled-component, redux

Да любое

редкс форм, редукс, роутер

immutable можно еще

угу

moment тот же

Helmet первый раз слышу

Для хедера чаще всего

Очень помогало мне

Хоть примитивный тайтл страницы меняй для начала при нужном роуте том же

Ок, спасибо за отзывы, если кому есть что добавить, смело пишите, я для себя, хочу изучить экосистему React

Доброй ночи. Есть контейнер, в котором свитч: <Switch location={location}>.... </Switch> В него передаю location с пропсов ( withRouter), это нужно для анимации при переходе на роут. Но тут дилема, при получении пропса в контейнер ( в котором свитч), идет ререндер компонета в свитче. Можно как то пофиксить это?

Доброй ночи. Есть контейнер, в котором свитч: <Switch location={location}>.... </Switch> В него передаю location с пропсов ( withRouter), это нужно для анимации при переходе на роут. Но тут дилема, при получении пропса в контейнер ( в котором свитч), идет ререндер компонета в свитче. Можно как то пофиксить это?

ну, попробуй запретить реренден, shouldComponentUpdate вызови

@IvanJohnIvan Да, для дочерних компонентов ( которые в свитче находяться), сделал чистымы , упростил ( код тупо весь выпилил, оставил чистый компонент с консол логом в рендере)

@IvanJohnIvan Да, для дочерних компонентов ( которые в свитче находяться), сделал чистымы , упростил ( код тупо весь выпилил, оставил чистый компонент с консол логом в рендере)

и проблема осталась?

@IvanJohnIvan да

@IvanJohnIvan да

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

@IvanJohnIvan да

поставь просто какой нибудь lifi-tome хук и чекни, что там у тебя происходит во всем стейте

life)

@IvanJohnIvan я все до максимум упростил, убрал анимацию и т.д., просто роут ререндерится заного

@IvanJohnIvan я все до максимум упростил, убрал анимацию и т.д., просто роут ререндерится заного

уф) ну отправь статичный location что будет

@IvanJohnIvan дичь, он не меняется) сделал чисто посмеятся- не вышло

@IvanJohnIvan дичь, он не меняется) сделал чисто посмеятся- не вышло

componentWillReceiveProps(nextProps) { if (nextProps.location !== this.props.location) { // navigated! } }

ну вот на попробуй так)

@IvanJohnIvan нет, не меняется)

@IvanJohnIvan нет, не меняется)

ну все. но мне кажется у тебя этот location не мутабельный, и дело в этом

@IvanJohnIvan нет, не меняется)

а что ты не хочешь просто пушнуть url?

@IvanJohnIvan нет, не меняется)

зачем менять location?

@IvanJohnIvan я его и не меняю в контейнер другой пропс прилетает, а тут свитч ререндерится, хотя ему нет дело до этого пропса

@IvanJohnIvan я его и не меняю в контейнер другой пропс прилетает, а тут свитч ререндерится, хотя ему нет дело до этого пропса

угу, так, ну https://reacttraining.com/react-router/native/api/location вот в общем, больше у меня нет вариантов(

ERROR: S client not available

Подскажите, как по русски на форме написать для отрезка времени. Что бы тупо не звучало. Гуглю примеры и не найду ничего )))) "Дни с [ ] до [ ]" "Дни начиная с [ ] до [ ]" "Дни от [ ] до [ ]" "Дни [ ] - [ ]"

И посоветуйте какой нибудь date picker, что бы по русски мог

Что бы с bootstrap еще состыковался

гайз, подскажите лучший способ проверять тип загружаемого файла на клиенте (речь об input type="file") есть инпут есть атрибут accept куда занесены разрешенные файлы но атрибут скорее помошник, я могу при выборе файла указать "все файлы" в своей OS и станут доступны для загрузки любой формат загруженный файл я сечу в стейт соответственно пока идея проверять в onChange тип файла и если он ок, сетить, не ок - не сетить это вообще ок или есть уже зарекомендованная практика?

@IvanJohnIvan нашел трабл

@IvanJohnIvan нашел трабл

продолжай

@IvanJohnIvan Route пробрасывает обьекты своему компоненту типо match, history, location. Какой-то из них - новый возращается, потому идет ререндер

решение - юзать у роута пропс render

render = { ()=>><Home/>}

@IvanJohnIvan Route пробрасывает обьекты своему компоненту типо match, history, location. Какой-то из них - новый возращается, потому идет ререндер

я чувствовал, что он не мутабельный) ну и славно)

гайз, подскажите лучший способ проверять тип загружаемого файла на клиенте (речь об input type="file") есть инпут есть атрибут accept куда занесены разрешенные файлы но атрибут скорее помошник, я могу при выборе файла указать "все файлы" в своей OS и станут доступны для загрузки любой формат загруженный файл я сечу в стейт соответственно пока идея проверять в onChange тип файла и если он ок, сетить, не ок - не сетить это вообще ок или есть уже зарекомендованная практика?

Да вроде так и нужно делать Если проверять раньше, то не будет возможности показать уведомление об ошибке / подсказку

Есть кто живой?

Есть кто живой?

Нет

Блин, реально в Реакт в Props запихать JSON без промисов?

Json на удаленном серваке.

А в чем проблема промисов?

Да у промисов проблем нет. У меня с ними пока проблема.

Да у промисов проблем нет. У меня с ними пока проблема.

@js_noobs_ru

Да, спасибо, что хоть не нах*р

const { tag, styles, onClick, fixed, color, expand, dark, light, } = this.props; if (!tag) { return null; } return ( <BNavbar tag={tag} className={styles} onClick={onClick} color={color} expand={expand} dark={dark} light={light} fixed={fixed} /> ); }

обернул reactstrap navbar в react компонент

т.к. у меня 8 переменный в props, можно ли как-то коротко проверить каждую на наличие значия ( пример if(!tag) { return null }

вопрос, скорее по js