Добрый день. Взял такой boilerplate: https://github.com/iroy2000/react-redux-boilerplate После запуска, когда пытаюсь зайти на http://localhost:8080/, всегда редиректит на http://localhost:8080/#/ , т.е. добавляет в конце #/ . Как его убрать? или хотя бы в какой стороне можно искать решение? Заранее спасибо

Boilerplate сомнительный. Почему не create-react-app?

React router, поменять hashrouter на browserrouter

Спасибо, попробую. Да, хотелось с нужным набором найти, но видимо надежней будет с cra все же

Я бы не сказал что реакт не диктует архитектуру

реакт диктует использовать flux или что ты имеешь ввиду?

Да

Flux архитектуру

Flux - это лишь часть, момент, в архитектуре

Есть еще куча не решенных вопросов, В плане best practice

Есть еще куча не решенных вопросов, В плане best practice

Ну да

И они далеко не всегда очевидны

Всем привет. Подскажите как объеденить 2 хендлера в 1 ...

handleChangeTariff = (event, index, value) => { this.setState({ tariffValue: value }); }; handleChangeDivison = (event, index, value) => { this.setState({ cityDivisionValue: value });

updateState = index => { const stateCopy = { ...this.state }; stateCopy.data = stateCopy.data.slice(); stateCopy.data[index] = { ...stateCopy.data[index] }; return stateCopy; }; ребят такое можно более кратко написать ?

тут копирование стейта и измменение data[index] объекта у него

updateState = index => { const stateCopy = { ...this.state }; stateCopy.data = stateCopy.data.slice(); stateCopy.data[index] = { ...stateCopy.data[index] }; return stateCopy; }; ребят такое можно более кратко написать ?

никак, это боль редакса)

но эт не редакс(

ооооке

тут копирование стейта и измменение data[index] объекта у него

можно lodash заюзать)

это локальный стейт

а обычным es можно обойтись ?)

это локальный стейт

странная задача

updateState = index => { const stateCopy = { ...this.state }; stateCopy.data = stateCopy.data.slice(); stateCopy.data[index] = { ...stateCopy.data[index] }; return stateCopy; }; ребят такое можно более кратко написать ?

cloneDeep lodash

ну есть стейт в нем массив объектов, нужно менять value объектов по их индексу

updateState = index => { const stateCopy = { ...this.state }; stateCopy.data = stateCopy.data.slice(); stateCopy.data[index] = { ...stateCopy.data[index] }; return stateCopy; }; ребят такое можно более кратко написать ?

а смысл от stateCopy.data = stateCopy.data.slice();?

ну есть стейт в нем массив объектов, нужно менять value объектов по их индексу

через map

вопрос по styled-components. можно ли как-то получить сгенерированный className для строки со стилями не создавая лишний компонент?

handleChangeTariff = (event, index, value) => { this.setState({ tariffValue: value }); }; handleChangeDivison = (event, index, value) => { this.setState({ cityDivisionValue: value });

А в чём проблема то? Через event.target.name выставляйте в стейт

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

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

выпилить из стора справочники?)

выпилить из стора справочники?)

справочники? Не, у нас в сторе мало инфы.

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

отжирает сразу, или постепенно растет потребление?

отжирает сразу, или постепенно растет потребление?

постепенно, при открытых дев-тулз, я думаю дело в ReactHotLoader

постепенно, при открытых дев-тулз, я думаю дело в ReactHotLoader

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

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

о, а как такое смотреть? где искать?

о, а как такое смотреть? где искать?

ну смотришь в компонент видишь componentDidMount(){ window.addEventListener('event', myCallback); } ищешь сразу componentWillUnmount(){ window.removeEventListener('event', myCallback); } `

если его нет, одна из причин

ну смотришь в компонент видишь componentDidMount(){ window.addEventListener('event', myCallback); } ищешь сразу componentWillUnmount(){ window.removeEventListener('event', myCallback); } `

Не, ну так то понятно, я думал в браузере можно глянуть все зарегестрированные слушатели ). Но всё равно спасибо за помощь )

норм, хахах))

если его нет, одна из причин

я то уже тоже было дело настроился на что-то интересное...

Не, ну так то понятно, я думал в браузере можно глянуть все зарегестрированные слушатели ). Но всё равно спасибо за помощь )

ну вообще там в сосноли есть раздел со всеми типами объектов, их кол-вом и отжираемой памяти

Откуда эти 100мб строк, я хз )

Откуда эти 100мб строк, я хз )

ну открой и посмотри, что там

но вообще не норм

Откуда эти 100мб строк, я хз )

хром - ф12 - мемори. Делаешь два снимка до и после того как вкладка много отъедает

Окей, я так понял это дело не быстрое, спасибо, буду разбираться

Ребята, вопрос , что обычно спрашивают на собесе по реакту на джуна?

Ребята, вопрос , что обычно спрашивают на собесе по реакту на джуна?

js

Основы js?

Жизненный цикл, основы жс, рефы, оптимизация возможно

По редуху конечно же, библам к нему

Жизненный цикл, основы жс, рефы, оптимизация возможно

кстати о жизненном цикле, включая нововведения 16.3 или нет?

кстати о жизненном цикле, включая нововведения 16.3 или нет?

Лучше да

кстати о жизненном цикле, включая нововведения 16.3 или нет?

включая

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

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

да не ну, врядли

subscribeUser(e){ e.preventDefault(); e.stopPropagation(); console.log(this.emailRef, this.rulesRef); } .... <form className="subscription-form"> <input type="email" ref={ref => this.emailRef = ref}/> <button onClick={(e) => this.subscribeUser}> Подписаться </button> </form> почему происходит перезагрузка страницы при нажатии на подписаться? как это устранить?

либо у формы нужно превентить в onSubmit либо дай кнопке type="button" (но это собственно отключит сабмит по нажатию Enter)

subscribeUser(e){ e.preventDefault(); e.stopPropagation(); console.log(this.emailRef, this.rulesRef); } .... <form className="subscription-form"> <input type="email" ref={ref => this.emailRef = ref}/> <button onClick={(e) => this.subscribeUser}> Подписаться </button> </form> почему происходит перезагрузка страницы при нажатии на подписаться? как это устранить?

поставь в onClick: {() => {this.subscribeUser()}}

или не

Просто поставь onClick={this.subscribeUser} и все, без всяких стрелочных

ERROR: S client not available

Просто поставь onClick={this.subscribeUser} и все, без всяких стрелочных

привязать надо

для этого он стролочную юзает

привязать надо

Давно уже вопрос с привязкой контекста решен

?)

я новичок

как правильно?

Объявляй методы через свойства method = e =>

Объявляй методы через свойства method = e =>

не понял

subscribeUser(e) должно subscribeUser = (e) =>

subscribeUser(e) должно subscribeUser = (e) =>

понял

блин, спасибо)

я и не знал

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

Гайз, привет, кто знает в getDerivedStateFromProps можно изменить State используею setState. если да, то как, на сколько я знаю в этом жизненном цикле отсуствует this

Гайз, привет, кто знает в getDerivedStateFromProps можно изменить State используею setState. если да, то как, на сколько я знаю в этом жизненном цикле отсуствует this

Возвращай объект и все

Возвращай объект и все

а можно пример, плиз )

return { }

:D

угарнул

Гайз, привет, кто знает в getDerivedStateFromProps можно изменить State используею setState. если да, то как, на сколько я знаю в этом жизненном цикле отсуствует this

Объект, который ты вернешь из этого метода будет смержен со стейтом автоматически

Объект, который ты вернешь из этого метода будет смержен со стейтом автоматически

ааа, ок, спасибо )

Разверни превстейт в возвращаемом объекте и переопредели че надо из некст пропс

Разверни превстейт в возвращаемом объекте и переопредели че надо из некст пропс

не обязательно весь возвращать

Гайз, привет, кто знает в getDerivedStateFromProps можно изменить State используею setState. если да, то как, на сколько я знаю в этом жизненном цикле отсуствует this

Ну он же статик

Какой this

?

Добрый день, мне интересно, можно ли это считать нормальным и будет ли циклиться рендер?