Мыслим в стиле React

[AsTex]

При использовании ES2015 стоит использовать let вместо var.
Да и при построении React компонентов, лучше описывать типы параметров, передающихся в компонент, ведь читаем мы код чаще, чем пишем ;)

[vtikunov]

Это всего лишь перевод и исходники оттуда же.

[vtikunov]

Мне, кажется, основный посыл в архитектуре приложения React и наличие/отсуствие let/var и валидаторов PropTypes не наносит смыслового ущерба туториалу из раздела «Быстрый старт».

[Hydro]

А мне кажется, что оригинальная статья, да и вообще вся документация по React написана в такой легкой манере, что даже мне, не особо сведущему человеку в английском, легко удавалось прочитать её в оригинале без гугл транслейта.

[Ovoshlook]

Я так понимаю, что вы данной статьей хотели показать, что вы не ленивый
Ибо только тут ленивый не писал tutorial про React…

[Zmeu213]

Смысл react'a хранить текущий state клиента, но разве это хорошо? Принципы stateless никто не отменял.

[Maxpain]

Вас никто не обязывает использовать состояние. Можете писать stateless компоненты, реализуя их чистыми функциями.

[oklas]

Речь идёт в частности о состоянии самого компонента. Например выпадающий список (DropDown). Как минимум имеет собственное состояние открыто (open). Когда на него кликнули он открывается и показывает содержимое (open:true), пока что-либо не выберут или пока оно не закроется по другому поводу (open:false).

[Zmeu213]

Да, и, насколько я понимаю react, состояние этих элементов хранит само приложение а не браузер пользователя. Насколько хорошая эта практика?

[impwx]

Зачем вы даете сначала snippet с JSFiddle, а потом еще раз то же самое под катом?

[vtikunov]

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

[alexzzam]

А расскажите, пожалуйста, что делает вот эта строчка?

ref={(input) => this.filterTextInput = input}

[AsTex]

ref — ссылка на ваш элемент.
В данном случае, при рендере объекта переменной this.filterTextInput будет присвоен этот ReactElement

[oklas]

Этот ref используется для получения ссылки на наш элемент. React вызывает функцию обработчик прописанную в ref передеавая ей DOM элемент когда компонент монтируется и null когда компонент демонтируется. Документация рекомендует избегать использования этой возможности. Собственно что конкретно делается уже ответили (в поле filterTextInput сохранили ссылку для последующего использования).

[pharrell]

Мне одному кажется, или тот, что фиолетовый, на самом деле голубой?

[vtikunov]

Поправил. На самом деле там бирюзовый. На автомате написал фиолетовый.