а кто то использует относительные пути в реакт-роутере ? никак не могу сделать чтобы в конец роута что то дописывалось например чтобы с /meeting/id перейти на /meeting/id/questions, нашел только вариант добавлять слеш в конце пути сразу с /meeting/id/ на /meeting/id/questions можно перейти без проблем, но это наверно костыль?

Не используй относительные пути

Это боль

а кто то использует относительные пути в реакт-роутере ? никак не могу сделать чтобы в конец роута что то дописывалось например чтобы с /meeting/id перейти на /meeting/id/questions, нашел только вариант добавлять слеш в конце пути сразу с /meeting/id/ на /meeting/id/questions можно перейти без проблем, но это наверно костыль?

... <Route path={SearchRoute.BASE_URL} component={SearchRoute} /> ... export class SearchRoute extends React.Component<Props, {}> { static BASE_URL = '/search/' ... и потом где надо уже использую SearchRoute.BASE_URL + id + '/'

короче константы юзаю

почему? очень удобно (если бы не эта досадная мелочь), просто напряжно везде прописывать длинные пути типа /meeting/${props.match.params.meetingId}/${еще какие нибудь переменные}

... <Route path={SearchRoute.BASE_URL} component={SearchRoute} /> ... export class SearchRoute extends React.Component<Props, {}> { static BASE_URL = '/search/' ... и потом где надо уже использую SearchRoute.BASE_URL + id + '/'

А я делаю path map.userPage.replace(':userId', user.id)

ну тоже вариант хороший

а в роуте все урлы сразу записать

да, норм

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

а кто то использует относительные пути в реакт-роутере ? никак не могу сделать чтобы в конец роута что то дописывалось например чтобы с /meeting/id перейти на /meeting/id/questions, нашел только вариант добавлять слеш в конце пути сразу с /meeting/id/ на /meeting/id/questions можно перейти без проблем, но это наверно костыль?

Ну вот первая боль

Возможно у тебя компонента в коннект обернута, поэтому не срабатывает линк

сомневаюсь, даже на тех компонентах где коннекта нет, по нажатию на линк они не рендярятся

к слову, зачем нужен react-router-config ?

он как то по другому определяет маршруты ?

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

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

Свой

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

Пока задаёте такие вопросы, лучше create-react-app

CRA для обучения ок

CRA для обучения ок

+

Но для коммерческого проекта я бы не стал брать

Пока задаёте такие вопросы, лучше create-react-app

а если не секрет , что это значит ? типо потом ими не пользуются или что ? я раньше просто со старых своих проектов брал основу, но решил вот, с нуля начать

Тут как-то толкли воду в ступе по этому поводу. За и против ) но я поддержу, для коммерческого проекта взял бы своё

а если не секрет , что это значит ? типо потом ими не пользуются или что ? я раньше просто со старых своих проектов брал основу, но решил вот, с нуля начать

Пользуются. Кому что нравится.

Брать свою основу - вообще ок, как по мне. Особенно если работает и все устраивает.

Но можно и create-react-app просто?

Но можно и create-react-app просто?

Почему бы и нет?)

Брать свою основу - вообще ок, как по мне. Особенно если работает и все устраивает.

понял, спс

Если реакт , насколько я понимаю, полностью прилетит на клиент, как организовать на нём приватные роуты с помощью реакт роутера? Или сделать отдельную страницу авторизации, а уже с неё редирект на приложение, которое не отдаётся неавторизованному?

Если реакт , насколько я понимаю, полностью прилетит на клиент, как организовать на нём приватные роуты с помощью реакт роутера? Или сделать отдельную страницу авторизации, а уже с неё редирект на приложение, которое не отдаётся неавторизованному?

Распилить на чанки

Распилить на чанки

не понял.

не понял.

Webpack chunks @webpack_ru

Webpack chunks @webpack_ru

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

Но для коммерческого проекта я бы не стал брать

Брал несколько раз - все отлично

Брал несколько раз - все отлично

А если надо перенастроить вебпак ?

А если надо перенастроить вебпак ?

react-app-rewired за глаза

По крайней мере у меня не было кейсов, когда не хватило

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

Не надо иметь два приложения. Можно легко шарить код. Собственно получается почти то же самое

Если реакт , насколько я понимаю, полностью прилетит на клиент, как организовать на нём приватные роуты с помощью реакт роутера? Или сделать отдельную страницу авторизации, а уже с неё редирект на приложение, которое не отдаётся неавторизованному?

Почитайте про динамически импорты (через import('/path/to/Component'))

Не надо иметь два приложения. Можно легко шарить код. Собственно получается почти то же самое

Какой код шарить? Зачем? Одно приложение (или, даже, лучше - страница) на авторизацию будет, а потом отдавать SPA авторизованному пользователю.

Какой код шарить? Зачем? Одно приложение (или, даже, лучше - страница) на авторизацию будет, а потом отдавать SPA авторизованному пользователю.

Нда

Зачем спрашивать вообще

Ну а зачем советовать chunks, если они для другого. Штука полезная - кейс не тот.

Ну а зачем советовать chunks, если они для другого. Штука полезная - кейс не тот.

Бля

Ну а зачем советовать chunks, если они для другого. Штука полезная - кейс не тот.

Делай тогда сам

Херли приходить и спрашивать

Но для коммерческого проекта я бы не стал брать

отлично работает 2 коммерчких проекта (один в разработке) и еще один еджектнули, но по глупости, не знали про rewired тогда)

Ну а зачем советовать chunks, если они для другого. Штука полезная - кейс не тот.

Раз лучше всех знаешь

метод резиновой уточки

слыыыш

сова

Почитайте про динамически импорты (через import('/path/to/Component'))

а они работают с реакт-роутером 3 версии?

сова

А

не агрись а)

Ладно

А я вот люблю декораторы делать, в cra можно ж babelrc свой ?

А я вот люблю декораторы делать, в cra можно ж babelrc свой ?

Не делай

А я вот люблю декораторы делать, в cra можно ж babelrc свой ?

можешь что угодно. Rewired убирает большинство ограничений

Мне удобно, да я знаю что их спеку скорее всего поменяют

Мне удобно, да я знаю что их спеку скорее всего поменяют

const {injectBabelPlugin} = require('react-app-rewired'); function rewireDecorators(config, env) { return injectBabelPlugin('transform-decorators-legacy', config); } module.exports = rewireDecorators;

а они работают с реакт-роутером 3 версии?

Это не связанные вещи

А я вот люблю декораторы делать, в cra можно ж babelrc свой ?

опять же, rewired

В свое время Абрамов говрил - мы не потащим декораторы в CRA, т.к. там что-то мутно с принятие пропосала. Как показала практика - он был прав

Да у них в readme написано

Про декораторы

ERROR: S client not available

Это не связанные вещи

Я просто недавно ролик видел, где это к Vue прикручивают, там достаточно import переписать. В react надо компонент-wrapper писать, наверное, он же не умеет промис отрисовывать

Я просто недавно ролик видел, где это к Vue прикручивают, там достаточно import переписать. В react надо компонент-wrapper писать, наверное, он же не умеет промис отрисовывать

Ну это как бы не проблема (врапер)

В свое время Абрамов говрил - мы не потащим декораторы в CRA, т.к. там что-то мутно с принятие пропосала. Как показала практика - он был прав

Там не что-то, тупо не было имплементация

На днях завезли кстати

В бабель

Возможно у тебя компонента в коннект обернута, поэтому не срабатывает линк

react-router-config помог, теперь компоненты нормально рендерятся

Я вот не понимаю, а почему декораторы для ф-й не завезли?

Потому что их отдельно обсуждать надо

В каком они там сейчас стейдже, в первом?)

Да даже смотреть лень

Кто-то может объяснить этот сниппет removeContact = contact => { this.setState((state) => ({ contacts: state.contacts.filter((c) => c.id !== contact.id) })) } Как сработает это условие c.id !== contact.id, если в предыдущем стейте мы не удаляли ничего, и соответственно оно не должно отработать Как я понимаю идёт проверка контактов, которые находятся в текущем стейте с контактами, которые находились в предыдущем и идёт сравнение на отличие

Кто-то может объяснить этот сниппет removeContact = contact => { this.setState((state) => ({ contacts: state.contacts.filter((c) => c.id !== contact.id) })) } Как сработает это условие c.id !== contact.id, если в предыдущем стейте мы не удаляли ничего, и соответственно оно не должно отработать Как я понимаю идёт проверка контактов, которые находятся в текущем стейте с контактами, которые находились в предыдущем и идёт сравнение на отличие

пойми, как работает и что даёт фильтр state.contacts.filter((c) => c.id !== contact.id)

Есть id, которое мы хотим удалить. Поэтому делаем новый state, где будут только те контакты, которые не имеют ид равным тому, который удаляем

Кто-то может объяснить этот сниппет removeContact = contact => { this.setState((state) => ({ contacts: state.contacts.filter((c) => c.id !== contact.id) })) } Как сработает это условие c.id !== contact.id, если в предыдущем стейте мы не удаляли ничего, и соответственно оно не должно отработать Как я понимаю идёт проверка контактов, которые находятся в текущем стейте с контактами, которые находились в предыдущем и идёт сравнение на отличие

и вообще узнай про методы массива map, forEach, some, every, filter, reduce

Грац!

@artalar просмотрел презентацию, так вдохновлено рассказываешь)) спасибо, аж захотелось попробовать только есть пару вопросов: 1) как на SC смотрят верстальщики? 2) разбивая код по файлам приходится в голове держать несколько частей, не сказывается это плохо на других разработчиках, особенно на бэк-ендщиках? И 3) самый интересный. Например у меня есть <а> я хочу стилизовать её как .ant-btn и + у меня есть состояние active которое я хочу чтобы выглядело как button type={primary} как это лучше реализовать?

{props=>props.type==“primary”&&”background:red;color:green”}

@artalar просмотрел презентацию, так вдохновлено рассказываешь)) спасибо, аж захотелось попробовать только есть пару вопросов: 1) как на SC смотрят верстальщики? 2) разбивая код по файлам приходится в голове держать несколько частей, не сказывается это плохо на других разработчиках, особенно на бэк-ендщиках? И 3) самый интересный. Например у меня есть <а> я хочу стилизовать её как .ant-btn и + у меня есть состояние active которое я хочу чтобы выглядело как button type={primary} как это лучше реализовать?

1) им должно быть всё равно 2) разбивать код на компоненты удобнее всем 3) ты точно так же можешь передать className, если надо. Псевдоселекторы тоже поддерживаются

Мне бы хотелось взять лесс миксин из Ант дизайна и его использовать

А не писать свой дубляж

миксины это вчерашний день надо переиспользовать компоненты

Ну да или добавить класс

Мне бы хотелось взять лесс миксин из Ант дизайна и его использовать

взять миксин из одного языка и запизунть другой

рили ?

а вообще миксин это просто жсный код

Ну да или добавить класс

Класс можно добавить

@artalar просмотрел презентацию, так вдохновлено рассказываешь)) спасибо, аж захотелось попробовать только есть пару вопросов: 1) как на SC смотрят верстальщики? 2) разбивая код по файлам приходится в голове держать несколько частей, не сказывается это плохо на других разработчиках, особенно на бэк-ендщиках? И 3) самый интересный. Например у меня есть <а> я хочу стилизовать её как .ant-btn и + у меня есть состояние active которое я хочу чтобы выглядело как button type={primary} как это лучше реализовать?

1) так же как и на реакт ?‍♂️. Но вообще если современный верстальщик не будет погружаться во все это - он не желец. 2) Не понял. Разбивая код на файлы - наоборот неосознанно уменьшаешь связанность и повышаешь модульность. И при прочтении каждого файла уже не держишь в голове всю огромную связанную структуру, а концентрируешься только на том что в файле, "доверяя" остальным блокам из импортов 3) а тут ниже ответили

Ищу коуча по реакту :) куча вопросов , по работе придётся допиливать реакт проект а я в нем нуль

Ищу коуча по реакту :) куча вопросов , по работе придётся допиливать реакт проект а я в нем нуль

@sergeysova

Ищу коуча по реакту :) куча вопросов , по работе придётся допиливать реакт проект а я в нем нуль

Сябро тоже любит вопросы по Реакту прямо в лс

Воу воу ) спасибо , но 50 в час это видимо стоп цена