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

тоже верно

Всем привет! Помогите с ошибкой пожалуйста. Все компилируется, но…браузер ругается

ну так ты сделай что он просит))) Сложно угодить реакту?

ну так ты сделай что он просит))) Сложно угодить реакту?

Сложно, когда с ним знаком всего ничего)

Сложно, когда с ним знаком всего ничего)

ну так он тебе говорит прям что делать) Тут сложно если только с js знаком где-то также

ну так он тебе говорит прям что делать) Тут сложно если только с js знаком где-то также

Плохая новость….

он зацикливается, потому что getApi у тебя меняется. ее надо стабилизировать через useCallback

Ну внутри getApi, я новый инстанс класса создаю, дёргаю API и Math.random вызываю. А что ты имеешь в виду под словом меняется?

Плохая новость….

ну тогда лучше сперва в js разобраться

ну тогда лучше сперва в js разобраться

Тогда вопрос снят с молотка)

Ну внутри getApi, я новый инстанс класса создаю, дёргаю API и Math.random вызываю. А что ты имеешь в виду под словом меняется?

функция создается на каждый рендер заново const YourComponent = () => { // const getApi = () => {} вместо этого const getApi = useCallback(() => {}) // вот это useEffect( () => { getApi() }, [getApi] ) }

Почему нужно так много кода для самых основных компонентов которые встречаются на странице? Можно ли как то этот весь кодо-ад упростить? Нечерта не понятно, из -за чего так много всего. Каждый участок кода и нужно по новой вникать, т.к синтексис и логика не повторяеться вобще

Как в реакте на тег а в href давать пустую ссылку? Типа как href="javascript:void(0)

Всем привет! Помогите с ошибкой пожалуйста. Все компилируется, но…браузер ругается

wtf

Как в реакте на тег а в href давать пустую ссылку? Типа как href="javascript:void(0)

js:void(0) плохо

Как в реакте на тег а в href давать пустую ссылку? Типа как href="javascript:void(0)

href="#" чем дальше в лес тем ближе вылез....

href="#" чем дальше в лес тем ближе вылез....

Тем дальше решение

Как в реакте на тег а в href давать пустую ссылку? Типа как href="javascript:void(0)

а нахрена, если не секрет?

Чтобы он не изменял URL при нажатии на кнопку из а тега

Чтобы он не изменял URL при нажатии на кнопку из а тега

так не пиши href вообще. А лучше видимо это должна быть всё же кнопка))

так не пиши href вообще. А лучше видимо это должна быть всё же кнопка))

хотя хз какой ещё кейс

href = null зафигач если хочется

Если не писать href то курсор изменяется

Если не писать href то курсор изменяется

делай кнопку

href = null зафигач если хочется

вообще не писать как-то проще всё же

Ладно добавил просто своиство в css и убрал href, спасибо за подсказку

А как в реакте правильнее делать сворачивающийся sidebar? Изменяя css или через рендер?

Ладно добавил просто своиство в css и убрал href, спасибо за подсказку

кнопкой куда уместнее, если что. Если нету перехода, то это кнопка

А как в реакте правильнее делать сворачивающийся sidebar? Изменяя css или через рендер?

в реакте также как и на чистом js. Разве что тут вместо скрытия можно удалять, ибо легко. Но может аукнуться конечно)

мда, не совсем так понял вопрос. В общем как удобно))

в реакте также как и на чистом js. Разве что тут вместо скрытия можно удалять, ибо легко. Но может аукнуться конечно)

В таком случае анимация будет работать?

В таком случае анимация будет работать?

и так и сяк можно чтоб работала. С css конечно проще. Но если в сайдбаре какая-то фоновая штука или ресурсы прям занимаются, то лучше всё же удалять. Вот тут можно анимировать добавление/удаление https://reactcommunity.org/react-transition-group/

Спасибо большое за внятный ответ 👍🏻

Спасибо большое за внятный ответ 👍🏻

спасибо за внятный вопрос 🤷‍♂️ Не часто такое встречается

Ребят, у кого была такая ошибка?

Ребят, у кого была такая ошибка?

а что там в href?

ничего

ничего

и нафига там a тогда? Почему не button?

ничего

Это не ничего

Кстати, когда делаю ссылку на какой-то сайт то всё ок. Ругается просто на "#" как я понимаю?

и нафига там a тогда? Почему не button?

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

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

напиши #TODO

напиши #TODO

Спасибо, всё нормализовалось 😅

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

Это не ошибка, это предупреждение

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

Ещё бы читать уметь

Там все написано

Ещё бы читать уметь

нах надо, чат прочитает

переведет

🙊

Действительно. Зачем думать своей головой

Нужен совет по использованию роутинга c Mobx. Никак не могу понять, как расшарить все сторы для всех страниц. Нашёл 'mobx-react-router', но делать навигацию при помощи метода push кажется немного странным. Что обычно используют в подобных случаях? Или вышеописанный плагин и есть лучшее решение?

Стоит ли использовать Styled Components, или лучше остаться на css module ?

Нужен совет по использованию роутинга c Mobx. Никак не могу понять, как расшарить все сторы для всех страниц. Нашёл 'mobx-react-router', но делать навигацию при помощи метода push кажется немного странным. Что обычно используют в подобных случаях? Или вышеописанный плагин и есть лучшее решение?

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

Стоит ли использовать Styled Components, или лучше остаться на css module ?

попробовать стоит. А дальше и решишь уже

Действительно. Зачем думать своей головой

это давно вышло из моды

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

Т.е. по никакой сторонний плагин(кроме react-router-dom) не нужен для этого, верно?

Стоит ли использовать Styled Components, или лучше остаться на css module ?

Это разные технологии, и у них разные области использования

Т.е. по никакой сторонний плагин(кроме react-router-dom) не нужен для этого, верно?

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

Это разные технологии, и у них разные области использования

цель более-менее одна

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

А как тогда должна идти цепочка передачи этих самых сторов? index.js передаёт в App, в котором распологается роутер и задаёт определённым роутам определённые сторы, верно? Или если в виде кода, то так: index.js(фрагмент) ReactDOM.render(( <Provider {...stores}> <App /> </Provider> ) , document.getElementById('root')); App.js (фрагмент) <div className="App"> <Router history={history}> <Route path="/" exact component={PokemonsListPage} /> <Route path="/pokemon/:pokemonID" exact component={PokemonPage} /> </Router> </div>

Нужен совет по использованию роутинга c Mobx. Никак не могу понять, как расшарить все сторы для всех страниц. Нашёл 'mobx-react-router', но делать навигацию при помощи метода push кажется немного странным. Что обычно используют в подобных случаях? Или вышеописанный плагин и есть лучшее решение?

чет сначала не доконца прочитал твой вопрос. если тебе с роутом нужно работать как с mobx стором, то тут да, только плагин типа mobx-react-router и юзать push. Это нормально, компонент Link от роутера под капотом наверное это и делает

чет сначала не доконца прочитал твой вопрос. если тебе с роутом нужно работать как с mobx стором, то тут да, только плагин типа mobx-react-router и юзать push. Это нормально, компонент Link от роутера под капотом наверное это и делает

Понял. Спасибо

Где-то видел статью, в которой говорится, что экспорт дефолт безымянной стрелочной функции из компонента это неочень хорошая практика. А почему так?

Где-то видел статью, в которой говорится, что экспорт дефолт безымянной стрелочной функции из компонента это неочень хорошая практика. А почему так?

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

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

Тоесть чем меньше кода, тем лучше? Там никакой контекст не потеряется?

Ребят, помогите советом плиз) Никто не писал СПА под ларку или подобное?) Проблема с соц авторизацией(

Тоесть чем меньше кода, тем лучше? Там никакой контекст не потеряется?

а при чём тут про меньше кода?

а, там сказано нехорошая практика, ну слава богу))

Где-то видел статью, в которой говорится, что экспорт дефолт безымянной стрелочной функции из компонента это неочень хорошая практика. А почему так?

Потому что дефолт имеет очень некрасивое свойство - имя сущности можно дать любое. И это усложняет дальнейшую жизнь при чтении кода.

а при чём тут про меньше кода?

Нууу... Это же самая короткая запись функции получается, без слова function, потому что стрелочная, и без имени, потому что сразу экспорт дефолт

Потому что дефолт имеет очень некрасивое свойство - имя сущности можно дать любое. И это усложняет дальнейшую жизнь при чтении кода.

+

Или не в той теме спросил?

рефакторить проще с именованнами. Если честно непонятно нафига дефолтные были добавлены кроме "совместимости" с commonjs

Потому что дефолт имеет очень некрасивое свойство - имя сущности можно дать любое. И это усложняет дальнейшую жизнь при чтении кода.

Тоесть лучше всё-таки имя давать?

Или не в той теме спросил?

это наверное в чат просто про js. Вроде специфики про реакт никакой. А в чём проблема то?

Понял, спасибо 👍👌

Тоесть лучше всё-таки имя давать?

да, при отладке оценишь

Тоесть лучше всё-таки имя давать?

У меня только дефолтные экспорты. Исключение - динамические импорты.

У меня только дефолтные экспорты. Исключение - динамические импорты.

🤷‍♂️ противоречишь своему предыдущему сообщению?

🤷‍♂️ противоречишь своему предыдущему сообщению?

В каких местах?

В каких местах?

или жалуешься на жизнь?))