23.8" там

На прошке 15 ставлю самый мелкий маштаб и все равно не хватает, хочется меньше

Да, отлично

Масштаб с монитором менять не стал

На прошке без моника меньше

Он как ретина работает?

Да

Что лучше юзать чтобы определить timeago? react-timeago?

Moment.js

+1 к Moment )

как бороться с этим ? http://i.prntscr.com/ef840e99ccef4b9e8bc05c26e7714d39.png

Никак

Это говнокодеры твитча

Можно им багрепорт скинуть

вчера же все работало

Можно почитать про same origin policy

ну что за темпоральній парадоксон на молекулярном уровне

Хуяк хуяк и в продакшен

Их программа пытается получить доступ к чему-то, к чему доступа нет

Вот и валится эксепшен

ребята, как можно перендерить компонент?

форсапдейт

У меня есть компонент, в который приходят данные из стор. ниже есть форма. Я ввожу туда данные, но эти данные добовляются в компонент только когда релоудну страницу(

this.forceUpdate()

Да спасибо, я уже читаю

куда это писать)

у меня просто два компонента. Один вывод, другой форма) и вот сейчас думаю, как связать и куда повесить

Спасибо что подсказал

Макс, лучше использовать redux-form, эта вещь заточена для работы с формами, испльзуя её, ты не сталкнешься с проблемами с которыми сейчас столкнулся

разумеется

он просто столкнется с другими не менее интересными

Ну редакс форм думаю удобна, для работы с формами. А если в последующем у меня такое сличится не ток с формами?)

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

Ну редакс форм думаю удобна, для работы с формами. А если в последующем у меня такое сличится не ток с формами?)

forceUpdate обычно не нужен, как ты обновляешь данные? компонент сам ререндерится, если меняются пропсы или стейт (setState())

Смотрите, у меня пропсы приходят в момент componentWillMount

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

глянь конфиг react-boilerplate там 2 впак

componentWillMount -это вообще не стоитиспользовать

Аргументируйте? Просто мне так посоветовал хороший знакомый, не новичек в react

componentWillMount(){ const {dispatch} = this.props; dispatch(getPostsAction()) }

На данный момент так

о_О

mapDispatchToProps же есть

а форсапдейт-то где?

пока нету его

и почему не на дидмаунт как советует дока реакта

глянь конфиг react-boilerplate там 2 впак

Спасибо, посмотрю.

Аргументируйте? Просто мне так посоветовал хороший знакомый, не новичек в react

https://facebook.github.io/react/docs/react-component.html#componentwillmount

и чуть ниже о дидмаунт

пусть он аргументирует

mapDispatchToProps же есть

+ адеквату, она же при том сама подтягивает новое состояние стейта при любых изменениях

+ адеквату, она же при том сама подтягивает новое состояние стейта при любых изменениях

один хрен все равно что так, что так

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

А что со стилями?

там почти все то же самое то и в 1, только лоадерам нужно явно дописывать -loader , а параметры задавать обьектом

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

с 1 все работало?

https://webpack.js.org/guides/migrating/ тут все есть

А что со стилями?

Не показывает, только начал составлять первый в жизни конфиг... https://gist.github.com/MarlikAlmighty/9361cd45af5a1ed9f290dca25cb1cd3f

Moment.js

Спасибо

Аргументируйте? Просто мне так посоветовал хороший знакомый, не новичек в react

доку почитай, там описано и написано почему, и redux предоставляет bindActionCreators, котоый используют в mapDispatchToProps, а еще можно в connect от react-redux прокидывать вторым аргументом объект с action creators, connect их сам прогонит через bindActionCreators, будет что то такое: export default connect(mapStateToProps, { actionCreator1, actionCreator2 })(YourComponent);

Была у кого нибудь проблема синхронизации рендера и анимации браузера ?

Такая штука что есть компонент который при определенных пропсах должен мигать цветом и таких компонентов на странице может быть тысяча )

Соответственно если какой то перерендерится то его анимация не будет синхрона с остальными

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

час поработало и опять начало блочить

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

ERROR: S client not available

так оно и перерендеривает если стейт или пропс изменился

componentDidMount() { this.props.getStreamerList() setInterval(() => { this.props.getStreamerList() }, 60000) }

каждую минуту будет обновлять данные и перендеривать если появились изменения с сервера

Ммм......

ништяк...

но выше советы и ссылки, че то ни как не нагоняют меня на мысль))

А вот, это понял..)

ты конектишь функцию и она сама дизпатчит экшин

при вызове ее из компонента

У меня смотрите как.... В чем проблема, даже с тем же forceUpdate

render(){ return(<div className="form-group"> <form action=""> <p><input className="form-control" type="text" ref='author'/></p> <p><textarea ref="article" className="form-control" name="" id="" cols="30" rows="10"></textarea></p> <p><button className="btn btn-default" onClick = {this.addPostButton.bind(this)}>Добавить</button></p> </form> </div> ) } Это компонент AddPost

А это return( <div className="posts-div"> <ul className="posts-list"> {payload.data && payload.data.map(item=>{ return( <li className="posts-item" key={item.id}> {item.author} {item.text} </li> ) })} </ul> <div><AddPost /></div> </div> ) компонент Posts

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

подключи redux-form и не мучайся

там есть инициализация value с пропсов

подключи redux-form и не мучайся

тонко

)))

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

помучаешься еще пару неделек пока осилишь

Я не знаю почему не меняется

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

Понятно....

Значит так разделить не получится?

redux есть ?

Да

напиши что делает у тебя addPostButton и откуда payload.data приходит

и все станет понятно

addPostButton(){ console.log('Button was clicked'); console.log(this.refs.author.value); const postData ={name:this.refs.author.value, article:this.refs.article.value}; console.log (postData); this.refs.author.value = ''; this.refs.article.value = ''; const {dispatch} = this.props; dispatch(AddPostAction(postData)); }

а AddPostAction?

componentDidMount(){ const {dispatch} = this.props; dispatch(getPostsAction()) } render(){ const {payload = {}} = this.props.posts; console.log(payload) return( <div className="posts-div"> <ul className="posts-list"> {payload.data && payload.data.map(item=>{ return( <li className="posts-item" key={item.id}> {item.author} {item.text} </li> ) })} </ul> <div><AddPost /></div> </div> ) }

export function AddPostAction(obj) { console.log(obj); return dispatch=>{ addPostApi(obj, json=>{ return dispatch(succesAddPost(json)) }) } }

и getPostsAction соответсвенно