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

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

а state для этого использовать нельзя?

зачем оно тогда вообще в пропсах

ну да, это немного странно. Лучше переделать как-нибудь иначе

Насколько вот эта библиотека популярна в продакшне? https://github.com/paularmstrong/normalizr

достаточно популярна

есть еще redux-orm

есть еще redux-orm

О, вот это классно выглядит, спасибо

Пишу такой на реакте 5 месяц. В нем нет асинхронного рендеринга ?

Пишу такой на реакте 5 месяц. В нем нет асинхронного рендеринга ?

есть, но нет

его вроде планировали выпускать

Ток щас столкнулся с проблемой блокирования потока

но хз в какой версии

есть но пока не в релизе

Хмммм

Пишу такой на реакте 5 месяц. В нем нет асинхронного рендеринга ?

https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html

Ток щас столкнулся с проблемой блокирования потока

Значит ты делаешь что-то не правильно

Пишу такой на реакте 5 месяц. В нем нет асинхронного рендеринга ?

лел

Пишу такой на реакте 5 месяц. В нем нет асинхронного рендеринга ?

ты думал ща в мапе ебану 1к элементов в рендер методе и будет норм ?

ты думал ща в мапе ебану 1к элементов в рендер методе и будет норм ?

А в онгуляре можно со стрима прям рендерить

Но все равно синхронно

Асинк рендер вообще не об этом

Асинк рендер вообще не об этом

++

ребят, что делаю не так? onChange у select не срабатывает

https://codesandbox.io/s/mmw0vv7lwy

Всеv здорова, ребят. Вопрос возник. Пример. class BaseComponent extends Component { someRenderFunc = () => { return ( <div> 1 </div> ) }; render() { return this.someRenderFinc() } } class ChildComponent extends BaseComponent { someRenderFunc = () => { return ( <div> 2 </div> ) } } Возможно ли переопределить someRenderFunc в наследуемом компоненте? Чтобы рендер наследуемого компонента вызывал уже переопределнный метод.

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

Всеv здорова, ребят. Вопрос возник. Пример. class BaseComponent extends Component { someRenderFunc = () => { return ( <div> 1 </div> ) }; render() { return this.someRenderFinc() } } class ChildComponent extends BaseComponent { someRenderFunc = () => { return ( <div> 2 </div> ) } } Возможно ли переопределить someRenderFunc в наследуемом компоненте? Чтобы рендер наследуемого компонента вызывал уже переопределнный метод.

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

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

Не хотел создавать множественное поведение в компоненте. Ебаные дизайнеры многого хотят.

Не хотел создавать множественное поведение в компоненте. Ебаные дизайнеры многого хотят.

ты можешь передавать компоненты через пропсы

ты можешь передавать компоненты через пропсы

Тоже не хотелось этого делать...

Тоже не хотелось этого делать...

ну передавать компоненты можно

наследовать не стоит

react-select второй полностью стоит на том, что все компоненты можно заменить передав их в пропсы

новый контекст вообще утилизирует концепт children-as-a-function

да и render-функции в классах это тоже так себе

да и render-функции в классах это тоже так себе

this

ты наверное не понимаешь реакт и поэтому пытаешься старые паттерны применить, видя знакомые слова "class" и "extends"

ну передавать компоненты можно

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

...

Передавать компонеты через пропсы это норм

Вон реакт селект так переписали

DI react style же

Вон реакт селект так переписали

и получилось гомно, подсовываешь 1 кастомный компонент и весь остальной функционал отваливается

и получилось гомно, подсовываешь 1 кастомный компонент и весь остальной функционал отваливается

например?)

https://codesandbox.io/s/mmw0vv7lwy

this.selectItem.bind(this); в конструкторе сделай

this.selectItem.bind(this); в конструкторе сделай

Я пробовал в onChange вызывать стрелочную функцию и тоже не работало

ну у тебя в этом сандбоксе параша какая то

какой то parcel

this.selectItem.bind(this); в конструкторе сделай

Console.log в selectItem не работае тоже

какой то parcel

Ладно, спишу на него

возьми нормальный вебпак, нормальный конфиг для babel

где можно стрелочные функции юзать в классах реакт компонентов

https://codesandbox.io/s/new

а то наберут этого хипсторского говна и мучаются потом :))

в сендбоксе работает

просто он сам либы какие-то взял

в сендбоксе работает

Я просто взял чей-то шаблон и дописал свой код)

Я просто взял чей-то шаблон и дописал свой код)

вот вот

Ладно) понял)

ERROR: S client not available

а в 15ом реакте есть ли какой-то способ глобально перехватывать ошибки? Я имею ввиду.. в window.onerror ничего не льется, если, скажем, пропсы не те передал или еще что-то. Но в консоль эти ошибки льются. Как их можно перехватывать глобально?

Ладно) понял)

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

> Нормальный вепбак

Пони, единороги, адекватность конфигурации вебпака

А еще они специально гасят бедный parcel

Зачем, кровавый™️ энтерпрайз такие мелочи даже не замечает

ща будут сказочки про роллап

роллап збс

Это в котором один из главных мейнтейнеров шизик jamiebuilds?

ща будут сказочки про роллап

Я никого лечить не собираюсь

Это в котором один из главных мейнтейнеров шизик jamiebuilds?

ДА ТАК ЖЕ КАК В ЛЕРНА ДАВАЙТЕ ЛЕРНУ ВЫПИЛИМ

Это в котором один из главных мейнтейнеров шизик jamiebuilds?

ну он-то всяко меньше вклада сделал, куда ему

например?)

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

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

а раньше был серч встроенный?

а раньше был серч встроенный?

ну да там же триггер это по сути инпут в котором можно тайпать

Вопрос по тестам: как в jest обнулить количество вызовов мока. Есть файлик, в нем два describe, в нем свои it тесты… В одной из функции вызывается мок, и в другой. Следовательно, во второй - мок будет вызван уже второй раз. Как это можно изолировать?

Вопрос по тестам: как в jest обнулить количество вызовов мока. Есть файлик, в нем два describe, в нем свои it тесты… В одной из функции вызывается мок, и в другой. Следовательно, во второй - мок будет вызван уже второй раз. Как это можно изолировать?

jest.clearAllMocks(); нашлось.

Всем привет! Подскажите, пожалуйста, как сделать редирект react-router'ом из кода?

Т.е. путь к примеру article а хочу перейти на article/id

history.push()?

йеп

Пуш перезагрузит страницу. pushState юзай

Пуш перезагрузит страницу. pushState юзай

push не перезагрузит страницу

push не перезагрузит страницу

вот вот

Всем привет! Подскажите, пожалуйста, как сделать редирект react-router'ом из кода?

https://reacttraining.com/react-router/web/example/auth-workflow https://reacttraining.com/react-router/web/api/Redirect

Ну ок. :) На самом деле, смотря что за histoty

Ну ок. :) На самом деле, смотря что за histoty

Для этого как раз есть https://www.npmjs.com/package/history :)

До чего техника дошла! )))

https://reacttraining.com/react-router/web/example/auth-workflow https://reacttraining.com/react-router/web/api/Redirect

Так это не то, вот если бы там клик отлавливали и перенаправляли руками было бы то что надо