Ребят, кто-нибудь может скинуть пример нормальной организации, у которой роуты выделены в отдельную директорию? Столкнулся с проблемой, что, если в директорию routes засовывать компоненты, которые возвращают роуты, то появляется проблема с навигацией - фича реакт-роутера по поводу того, что рендерится первый валидный роут, не работает

Парни, посоветуйте ui kit, в котором можно выборочно импортить компоненты

Чтобы при импорте одной кнопки не прилетал весь ui в бандл

Чтобы при импорте одной кнопки не прилетал весь ui в бандл

atlassian ui kit

atlassian ui kit

Использовал его? Интересны отзывы

а можно ли в state ссылаться на state? например state.one: 1, state.two: this.state.one + 1 ?

Использовал его? Интересны отзывы

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

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

Какие варианты еще рассматривали для базы?

Чтобы при импорте одной кнопки не прилетал весь ui в бандл

настроить тришейкинг

настроить тришейкинг

Это не всегда работает)

а можно ли в state ссылаться на state? например state.one: 1, state.two: this.state.one + 1 ?

Непонятен вопрос.

спс

подскажите плиз, реакт может перерисовывать компоненты как v-show во Vue? Не убирать их из дома, а просто инвизибл делать?

как лучше реализовать смену экранов без перезагрузки, по нажатию на кнопку

подскажите плиз, реакт может перерисовывать компоненты как v-show во Vue? Не убирать их из дома, а просто инвизибл делать?

это реакт группа)

это реакт группа)

я про реакт и спрашиваю!!!

условную отрисовку если использую.... без стилей никак?

условную отрисовку если использую.... без стилей никак?

во вью без стилей тоже никак

{ !this.state.isLoading && this.state.screenShow === 'favorites' && <div> ................................ </div> }

во вью без стилей тоже никак

одной директивой v-show или v-if можно делать....

Может быть такое что перед return {} в render корректно берется переменная из стейта, а когда применяешь условие в classnames то вообще не реагирует никак ?

я знаю как сделать, вопрос в другом - кроме как изменить стили - никак нельзя использовать. я всё понял. песочницу ваще нет желания пилить ещё...

мне так-то ответили лол

условную отрисовку если использую.... без стилей никак?

Используй, собственно, условную отрисовку. Вариантов скрывать элемент два - или удалять из дом, или скрывать стилями, и vue никаким магическим способом это не изменит

я знаю как сделать, вопрос в другом - кроме как изменить стили - никак нельзя использовать. я всё понял. песочницу ваще нет желания пилить ещё...

так же как и во вью, вопрос в том как это абстрагировано

кто у тебя что требовал?

!ро хейт

Контролируйте себя

люди нормально ответили без ЧСВ - им спасибо, а тебе УСПЕХОВ!

так же как и во вью, вопрос в том как это абстрагировано

да, во вью эта абстракция удобная)))) можно условно рендерить display: none, или hidden)

Используй, собственно, условную отрисовку. Вариантов скрывать элемент два - или удалять из дом, или скрывать стилями, и vue никаким магическим способом это не изменит

да, я понял, спасибо!

Так и в реакте можно

да, во вью эта абстракция удобная)))) можно условно рендерить display: none, или hidden)

Круто, а в реакте для этого есть цсс

Так и в реакте можно

ну да, только приходится лезть в css

ну да, только приходится лезть в css

Ну напиши микрообёртку, если это так важно

Круто, а в реакте для этого есть цсс

"добро пожаловать в Реакт" мне)))))))))))))

Ну напиши микрообёртку, если это так важно

как вариант

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

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

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

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

Плодить императивность только

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

я думал реакт сильнее вью))))

я думал реакт сильнее вью))))

Реакт слабее вью и жквери, но в цирке не выступает В смысле, он гибче и потому мощнее. Во вью за тебя придумали абстракцию, а тут ты сам волен придумать или скачать любую из сотен

Реакт слабее вью и жквери, но в цирке не выступает В смысле, он гибче и потому мощнее. Во вью за тебя придумали абстракцию, а тут ты сам волен придумать или скачать любую из сотен

ладно, буду тогда думать, как теперь отлавливать компонент и тогглить класс.... 🙈

Реакт слабее вью и жквери, но в цирке не выступает В смысле, он гибче и потому мощнее. Во вью за тебя придумали абстракцию, а тут ты сам волен придумать или скачать любую из сотен

Лол

Друзья привет!

подскажите пожалуйста, бьет ошибку! TypeError: Object(...) is not a function

кто то пишет типа конфдикт версий, может кто стыкался, подскажите что не так

кто то пишет типа конфдикт версий, может кто стыкался, подскажите что не так

А где сам Posts?

А где сам Posts?

А, пардон, не увидел

подскажите пожалуйста, бьет ошибку! TypeError: Object(...) is not a function

а первый const закомментирован это норм? кинь саму ошибку

TypeError: Object(...) is not a function Module../src/components/Profile/My Posts/PostsContainer.jsx X:/REACT-prosto/projects/01-first-project/first-react/src/components/Profile/My Posts/PostsContainer.jsx:55

а первый const закомментирован это норм? кинь саму ошибку

да, то что закоментировано норм, то рабочий кусок кода по типу конекта , он работает, с него я все диспатчи и функции вытянул

Можгно как но написать в комбайне редюсера что бы в обем стейте было так state = {isOpenMenu: false} А то щас так state = menuReducer : {isOpenMenu: false}

опять вреднючий export default

Коллеги, что скажете про elastic ui?

Стоящая либа или г

опять вреднючий export default

А можно ссылку на тред или статейку с аргументацией почему не стоит по дефолту экспортировать? Спасибо.

А можно ссылку на тред или статейку с аргументацией почему не стоит по дефолту экспортировать? Спасибо.

погугли их сотни

Кстати, у named imports какие-то проблемы с loadable components. У меня не получилось их подружить, сделал default )))

Подскажите а как внедрить стиль в миу компонент? classes={{ paperWidthXs: classes.dialog.paperWidthXs }} Я пробовал так но он даже не показывает что такой стиль есть в dev-tools

Кстати, у named imports какие-то проблемы с loadable components. У меня не получилось их подружить, сделал default )))

import(“./foo”) .then((mod) => ({ default.modNamed }))

import(“./foo”) .then((mod) => ({ default.modNamed }))

Спасибо, попробую!

По сравнению с тем же ангуляр сообществом, тут, конечно, токсично.

Количество влияет на качество...

import(“./foo”) .then((mod) => ({ default.modNamed }))

https://github.com/smooth-code/loadable-components/issues/245 Тут пишут, что в SSR вроде поддерживаются только дефолты.

https://github.com/smooth-code/loadable-components/issues/245 Тут пишут, что в SSR вроде поддерживаются только дефолты.

в общем-то в одном месте воткнуть костыль — ок

но по всему проекту натыкивать export default это пиздец

да и вообще это надо исправлять

в общем-то в одном месте воткнуть костыль — ок

Ну да, я так и сделал. В остальных местах без дефолтов.

Ну, когда React.lazy будет поддерживать SSR, может и loadable будут не нужны.

Парни, посмотрите на код, почему один кусок кода работает, а как только конект подключил и все в него перенес бьет ошибку

то скрин с рабочим кодом , а вот конект что бьет ошибку

TypeError: store.getState is not a function (anonymous function) X:/REACT-prosto/projects/01-first-project/first-react/node_modules/react-redux/es/components/connectAdvanced.js:210

то скрин с рабочим кодом , а вот конект что бьет ошибку

покажи новый код компонента

покажи новый код компонента

Posts

Posts

импорт есть

Posts

Connect from tls?

Connect from tls?

к стати по поводу tls, автоматом импортит tls, я даже сразу в одном файле и не заметил этого, все равно работало