не понял что ты имеешь ввиду

картинки должны лежать в одной папке(пусть даже с вложенностью) и будет require('./src/images' + imageName + '.png')

картинки должны лежать в папке src/images. Тогда imageName будет panda(полный путь выйдет src/images/panda.png). Либо со вложенностью, например`src/components`, тогда imageName может быть /SideBar/panda(полный путь выйдет src/components/SideBar/panda.png).

т.е. папка должна быть задана

Кстати, а может кто знает канал по руби / рельсам?

Подскажите какой то туториал по компоненту поиска или фильтра для react, redux

нашел

https://github.com/krambertech/react-essential-course/blob/master/01-introduction-to-react/02-contacts-search/index.html

кто-нибудь тыкал http://gun.js.org/ ?

хочу заюзать для простенькой collaborative textarea

гитхаб открыватеся?

или один я такой АСОБЕННЫЙ

открывается

Все, открывается

ребзя а какой лучший стек для реал тайм аппс на реакте?

типо метеора чтоб все легко было

RethinkDB или Horizon, из коробки с real time

2 юзает 1 под капотом

Ребят, есть массив в нем 1 объект, как это дело раскрыть в es6? че то кроме const { prop1, prop2 } = arr[0]; на ум не приходит

Ребят, есть массив в нем 1 объект, как это дело раскрыть в es6? че то кроме const { prop1, prop2 } = arr[0]; на ум не приходит

const [{x, y}] = [{x: 1, y: 1}]; но что уже через чур, мне кажется)

ага)

Скиньте хорошую ссылку почитать про тестирование react и redux. А то без опыта этого дело сложновато подобрать подходящий подход

http://redux.js.org/docs/recipes/WritingTests.html

Пробовал. Сначала не завелось Npm run test - не праствлены были пути для файлов, которые нужно чекать было. Когда проставил - начал ругаться вообще на css файлы что там объекта window нету

http://redux.js.org/docs/recipes/WritingTests.html

Ты не умеешь это готовить:)

Что ты именно хочешь протестировать? Редакс лучше тестировать отдельно.

@jaybekster тестировать компоненты (верстку) это одно, тестировать редьюсеры, функции, логику это совсем другое

Хочу начать с редюсеров

Если у тебя в редьюсерах идет завязка на window - ты что-то не правильно делаешь

на window не завязки) не получилось завезти вообще тесты

Хз, приводи примеры из консоли

Может чем-нить ответим оО

Давай конкретный пример:)

Знал бы что все такие приветливые - оставил бы тот код) вчера помучался и перенёс планы на будущее. Но спасибо

Давай конкретный пример:)

@jaybekster Тесты важная часть, в которую надо проникнуться, и одному это делать бывает сложно. Поэтому не забрасывай, кидай примеры! Чем больше людей будет тестировать свой код, тем светлее будет мир!

ребят не подскажите почему this.props виден только в render

http://i.prntscr.com/655023c95b28453c9585bc17534dd176.png

а в остальных случаях undefined

Это очень странно ¯\_(ツ)_/¯

Реакт 15й?

да

Ребята можете посоветовать несколько курсов по реакту, которые достойные на гитхабе? И митапы тоже можно, где идет сравнение с другими либами, фреймами. (необходимо подсмотреть, что там можно на курсах структурировано рассказать)

http://i.prntscr.com/91399145a43f45c6ad41b51a51ec1770.png

только так работает

Ребята можете посоветовать несколько курсов по реакту, которые достойные на гитхабе? И митапы тоже можно, где идет сравнение с другими либами, фреймами. (необходимо подсмотреть, что там можно на курсах структурировано рассказать)

http://nnmclub.to/forum/viewtopic.php?t=1011526

а, ну если в handleSearch - он у тебя не забинжен. допиши this.handleSearch = this.handleSearch.bind(this); в конструктор

не видео курсы

именно интересуют митапы и гитхаб наброски заданий

которые можно давать новичкам

Ребята можете посоветовать несколько курсов по реакту, которые достойные на гитхабе? И митапы тоже можно, где идет сравнение с другими либами, фреймами. (необходимо подсмотреть, что там можно на курсах структурировано рассказать)

https://www.gitbook.com/book/maxfarseer/react-course-ru/details

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

а, ну если в handleSearch - он у тебя не забинжен. допиши this.handleSearch = this.handleSearch.bind(this); в конструктор

спасибо помогло, вечно забываю биндить

спасибо помогло, вечно забываю биндить

Забываешь - юзай стрелки или ::

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

кроме этих, от туда уже черпал идеи

лучше так, handleSearch = (event) => {}

и то, и другое - экспериментальные фичи ¯\_(ツ)_/¯ а в бабеле тоже встречаются баги

es6 в реакт в 13 версии завезли?

а то еще полно инфы где еще es5

инфы?

инфы?

ну уроков/книг

es6 в реакт в 13 версии завезли?

тогда можно ответить вопросом на вопрос - es6 уже завезли в браузеры?

В хроме и новом сафари

полагаю, вопрос был про class extends React.Component вместо React.createClass... да, в 0.13

однако 11 Mar 2015 https://github.com/facebook/react/releases/tag/v0.13.0 https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html

https://github.com/kreiz0/godota/blob/master/src/components/Search.js

может кто объяснить почему список не возвращается когда с инпута удалить весь текст поиска

в начальное состояние

однако 11 Mar 2015 https://github.com/facebook/react/releases/tag/v0.13.0 https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html

Support for using ES6 classes to build React components; ну вот это я и имел ввиду

ага, я вначале не так понял вопрос

имел в виду что es5 react тоже нужно знать

Зачем?

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

Хорошо что есть люди, которые умеют аргументировать свое мнение=)

нет времени объяснять - учи es5

ну вот попадешь на легаси гг

Это как "учите верстку в ие6, нарветесь на поддержку гг"

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

https://www.toptal.com/react/interview-questions

первый же вопрос

Разве сейчас бабель не преобразует es2015 классы к es5 объекту?

ребят какой аналог getInitialState в реакте 15 ?

c es6

this.state = { someValue: 'hey' } в конструкторе

Разве сейчас бабель не преобразует es2015 классы к es5 объекту?

Преобразует. И всегда преобразовывал

Разве сейчас бабель не преобразует es2015 классы к es5 объекту?

Не к объекту только вроде. К функциям с прототипами

Не к объекту только вроде. К функциям с прототипами

ну да, методы преобразует к свойствам-функциям на прототипе

this.state = { someValue: 'hey' } в конструкторе

Можно state = {} как свойство класа. Тоже должно работать.