куча хоткеев которые позволяют быстро перемещать курсор

вот бы пофиксить эту штуку в вебшторме и идеально будет

хоть плагин пиши

render(Application, container); container.innerHTML='....'; unmountComponentAtNode(container)<-- конечно же не сработает. Можно запомнить ноду что реакт создал, добавить ее обратно в контейнер и еще раз прибить, но это как-то

привет, не нашел ничего? тоже такая проблема

привет, не нашел ничего? тоже такая проблема

Монтируем ноду(ответ render) обратно и киляем

ну это как-то...

Народ, как сделать, чтобы контент крепился к низу, а не к верху? Т.е. чтобы если я добавляю элемент вниз он плавно прокручивался к нему. У меня есть тезисы и каждые 10 секунд должен появляться новый и экран должен переползать к нему. В то же время скролл справа должен позволить прокрутить к самому первому

руками отслеживать

подписываешься на событие добавления. а потом скроллишь http://stackoverflow.com/a/33193668/1969086

Народ, как сделать, чтобы контент крепился к низу, а не к верху? Т.е. чтобы если я добавляю элемент вниз он плавно прокручивался к нему. У меня есть тезисы и каждые 10 секунд должен появляться новый и экран должен переползать к нему. В то же время скролл справа должен позволить прокрутить к самому первому

а в чем проблема так сделать?

Проблема в том, что блок по центру экрана сначала. Когда я добавляю новый элемент, то предыдущий подпрыгивает. И так до тех пор, пока не заполнится весь экран. Потом все ок. display: flex; margin: auto;

чекай scrollHeight у контейнера и высоту видимого экрана.

чекай scrollHeight у контейнера и высоту видимого экрана.

мне кажется, он хочет изменить место появление элементов

почаны, абрамов русский чтоли?

питерский

питерский

серьезно?

да

создайте уже кто-нибудь статью на вики

серьезно?

Ну после того, как его нанял ФБ, он стал лондонским

http://frontflip.me/2015/03/30/flux-hot-reload-and-good-books.html

не за что

Я имел в виду что-то типа этого: https://jsfiddle.net/4hmvv7qb/3/ Последний элемент должен быть всегда в центре экрана. Плавно)

Есть у кого идеи?

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

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

разумеется руками

Отлично, спасибо

http://i.prntscr.com/a64810687310418287089e2e0a20fe1b.png

не подскажите как блочить инпут range?

в какую то сторону

без disabled

нахрена

уменьши доступные значения

не 00 - 23

а 01 - 03

и всё

Чат, я чёт больно не следил. Научили ли рилей оффлайн моду какому?

А, ну можно сымплементить network layer, наверное.

в чем идея jest snapshots, в смысле зачем они реально нужны?

По приколу

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

Коллеги, какое-то поведение странное нашел. В первом случае функция не будет запущена, а во втором будет? // один render() { return ( <div> {false ? <span>{someFunction(...this.props)}</span> : <span>a</span>} </div> ); } // два render() { return ( <div> {false ? <span>{someFunction(this.props)}</span> : <span>a</span>} </div> ); }

Ты должен передавать объект, в 1 случае это будет как {...this.props} Но смысла в этом мало

Так как больше никаких аттрибутов не принимает передаваемый аргумент Поэтому просто this.props

Лучше вынести условие из return, вместо условия итоговый результат положить

в чем идея jest snapshots, в смысле зачем они реально нужны?

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

Лучше вынести условие из return, вместо условия итоговый результат положить

имеешь ввиду в виде переменной {var} ?

т.е. перед return - let <var> = () ? .. : ..

но там стоит проверка на false

смысл вообще делать тернарку?

смысл вообще делать тернарку?

Мне кажется, это просто переделанный пример кода

да, возможно

ребят, может кто помочь нубу разобраться с некоторыми простыми вещами?

?

лс?

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

по реакту. Только сильно тупой вопрос. Ну ок, буду позориться

по реакту. Только сильно тупой вопрос. Ну ок, буду позориться

давай уже спрашивай

все с чего-то начинали

Короче я получаю json по апихе. Не понимаю, как мне вывести через map данные из массива объектов. С одним объектом я разобрался — constructor() { super(); this.state = { data: "loading ... " } } componentDidMount() { this._getData(); } ну и в методе _getData получаю данные и пишу в стейт. А в render вывожу например картинку и в src указываю this.state.data, например. Но что делать если мне нужно вывести через map? Надо отдельно написать функцию как-то и вызвать ее в render() ?

Я пробую так, но это не работает _getData() { HTTP.get('https://api.unsplash.com/photos/', { params: { "client_id": cred.applicationId } }, (err, result) => { result.data.map((it, index) => { return ( <Card> <CardHeader title={it.user.name} subtitle={it.user.bio} avatar={it.user.profile_image.medium} /> <CardMedia overlay={ <CardTitle title={it.user.name} />} > <img src={it.urls.regular} /> </CardMedia> <CardTitle title={it.user.name} /> <CardText> {it.user.bio} </CardText> </Card> ) }) }); } render() { return (<div>{this._getData()}</div>); }

ERROR: S client not available

В доке реакта есть пример map

https://github.com/kre1z0/timetable/blob/master/src/actions/actions.js

36 строка

Я пробую так, но это не работает _getData() { HTTP.get('https://api.unsplash.com/photos/', { params: { "client_id": cred.applicationId } }, (err, result) => { result.data.map((it, index) => { return ( <Card> <CardHeader title={it.user.name} subtitle={it.user.bio} avatar={it.user.profile_image.medium} /> <CardMedia overlay={ <CardTitle title={it.user.name} />} > <img src={it.urls.regular} /> </CardMedia> <CardTitle title={it.user.name} /> <CardText> {it.user.bio} </CardText> </Card> ) }) }); } render() { return (<div>{this._getData()}</div>); }

у тебя есть массив [1, 2, 3, 4, 5], тебе нужно вывести элементы массива в спанах class SomeComponent extends Component { render() { <div className='wrap'> {this.state.data.map(el => <span key={el}>{el}</span> )} </div> } } Не нужно вешать колбек на setState

понял, благодарю

понял, благодарю

о, прывет

у тебя есть массив [1, 2, 3, 4, 5], тебе нужно вывести элементы массива в спанах class SomeComponent extends Component { render() { <div className='wrap'> {this.state.data.map(el => <span key={el}>{el}</span> )} </div> } } Не нужно вешать колбек на setState

только я не успеваю видимо получить данные: this.state.data.map is not a function

о, прывет

здаров земляк )

только я не успеваю видимо получить данные: this.state.data.map is not a function

Так у меня то пример, и this.state.data - выдуманная переменная

Так у меня то пример, и this.state.data - выдуманная переменная

а у меня нет )

вот первая часть компонента

во первых у тебя data - сначала строка, а потом резко превращается в массив

а это разве проблема в js?

Это не правильно, лучше добавить поле fetching -для индикации процесса загрузки, чем менять тип у переменной

Это твоя проблема, потому что у String нет метода map

Это твоя проблема, потому что у String нет метода map

да, поэтому я и подумал что не успевают прийти данные.

Это не правильно, лучше добавить поле fetching -для индикации процесса загрузки, чем менять тип у переменной

А как это делается?

что за бота используешь, что бы код выводился вот так?

что за бота используешь, что бы код выводился вот так?

эм как?

криво?)

эм как?

что бы скриншотом выводился

это не бот, это просто скриншоты )

ясно, ща тогда

Ребят, можно задать вопрос по Atom?

Или мб есть отдельное сообщество?

Гуглю, но найти не могу, потому что хз даже, в чём дело

Гуглю, но найти не могу, потому что хз даже, в чём дело

Что у тебя?