так же есть 2 дропдауна которые отвечают за выбор проекта и версии. так вот если в рендеринге дропдауна проектов нет проблем. то при рендере дропдауна версий - выкидывается undefined. как будто состояние не заполнилось и я до конца не понимаю почему

вот как они рендерятся:

проекты:

<div className="scrolling menu"> {this.props.projects.map(this.createListItem)} </div>

версии:

<div className="scrolling menu"> {this.props.projects.find(project => project.id == currentEnv.project_id).versions.map(this.createListItem)} </div>

Uncaught TypeError: Cannot read property 'versions' of undefined - в консоли

Отлаживая вижу - что render() у чайлда главной компоненты приложения вызывается раньше чем завершается запрос axios/или компонент didMount у корневой - в итоге undefined (или что то в этом роде, если объясните буду рад). Как такое обходить?

делай стейт для запроса и рендери зависимые от данных элементы только после завершения запроса, типа state.isLoading

Привет. Подскажите пожалуйста литературу , с которой лучше начинать изучать реакт. Может есть что-то вроде no-book, как для ангулара?

Офф get started Можно посмотреть курсы на udemy

новая либа с компонентами, просто пушка http://blueprintjs.com/

я сам пытаюсь начать

вот дали книжку

зачем нужна книга по реакту?

Ага, спасибо

туда же

зачем нужна книга по реакту?

да бред, это что-то уровня полезности книги "о результатах выборов президента США в 2016"

лучше бы ссылку на репу дали, чем книгу )) https://www.gitbook.com/@maxfarseer

да, ну вот я вопрос и задал) можно ли это вообще реализовать. когда то ковырял angular, там был пример когда контроллер делал ajax запрос, и получал данные в json и потом ими распоряжался. Так и здесь как я понял, только примеров не густо :)

>контроллер делает запрос Контроллер не должен делать запросы. >примеры Redux real world example

да бред, это что-то уровня полезности книги "о результатах выборов президента США в 2016"

Так а как новичку учить то?

Так а как новичку учить то?

Egghead

Так а как новичку учить то?

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

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

Который бойлерплейт?)

Который бойлерплейт?)

самый последний желательно, nightwolfz/mobx-starter рекомендую

тут и react-router@v4 и бета вебпака

Мне кадежется, для новичка это излишне

babel, react, webpack

Мне кадежется, для новичка это излишне

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

> Так а как новичку учить то? > boilerplate > react-router v4 ?

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

Это норм когда уже есть какое-то понимание что к чему. ( от себя рекомендую в https://github.com/reactjs/redux/tree/master/examples/real-world/src покопаться. Мне он больше всего помог )

Это норм когда уже есть какое-то понимание что к чему. ( от себя рекомендую в https://github.com/reactjs/redux/tree/master/examples/real-world/src покопаться. Мне он больше всего помог )

ага, но проще будет без стейт-менеджмента, просто SPA на реакте с рутером

Так а если нет пониманимания?) и вообще нужно написать пару компонентов. Зачем роутер?)

лучше бы ссылку на репу дали, чем книгу )) https://www.gitbook.com/@maxfarseer

+1

имхо стейт менеджмент нужен, а роутер - нет

в начале

ага, но проще будет без стейт-менеджмента, просто SPA на реакте с рутером

Реакт онли за день учится, роутер за часов 6. Надо в связке с редаксом сразу, а то потом можно шок получить

Стейт менеджер - редакс?

вот за день учат, а потом вопросы здесь задают :C

почему стейн не обновляется и т.д.

Мб сначала в редаксе разобраться, а потом в реакте?)

зачем?

Так а если нет пониманимания?) и вообще нужно написать пару компонентов. Зачем роутер?)

ну я из своего ограниченного опыта сужу, тк знаю человека, который с 0 знаний в программировании начал с вот этого боейлерплейта полгода назад - а именно собрал похожий бойлерплейт с нуля, и сейчас нашел работу в питере. Я только с настройкой вебпака помог, остальное он сам по туториалам

Стейт менеджер - редакс?

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

Реакт онли за день учится, роутер за часов 6. Надо в связке с редаксом сразу, а то потом можно шок получить

особено если на нг проекты пишешь 100%

В итоге то, какой правильный путь изучения? Посмотрел туториал, в принципе понял, но не очень понял как он прокинул clickHandler через все компоненты самому внутреннему

особено если на нг проекты пишешь 100%

Ну... да... после нг культурный шок возникает немног. Я его гасила дня два.

Это ж сташно как-то

В итоге то, какой правильный путь изучения? Посмотрел туториал, в принципе понял, но не очень понял как он прокинул clickHandler через все компоненты самому внутреннему

js => webpack/babel(уметь настроить) => react => redux

В итоге то, какой правильный путь изучения? Посмотрел туториал, в принципе понял, но не очень понял как он прокинул clickHandler через все компоненты самому внутреннему

наверное найти готовую структуру проекта и построить ее начиная с npm init, попутно гугля что не получается

js => webpack/babel(уметь настроить) => react => redux

react => react-router => redux => redux-thunk скорее...

А если хочется писать на реакте в связке с meteor.js, нужно сначала учить отдельно реакт?

Ну... Привет?

А если хочется писать на реакте в связке с meteor.js, нужно сначала учить отдельно реакт?

Поищи роадмапы всякие по JS

А если хочется писать на реакте в связке с meteor.js, нужно сначала учить отдельно реакт?

лучше хотя бы документацию прочитать

а метеор скейлится вообще?

Откровенно сказать, трудно дается. Очень трудно. Возможно не хватает навыков чисто по js, может быть такое? Я вот смотрю, народ пишет, что реакт — это изи. И тем не менее, чет не заходит вообще никак, хотя огромное желание освоить.

Откровенно сказать, трудно дается. Очень трудно. Возможно не хватает навыков чисто по js, может быть такое? Я вот смотрю, народ пишет, что реакт — это изи. И тем не менее, чет не заходит вообще никак, хотя огромное желание освоить.

а английский знаешь?

Откровенно сказать, трудно дается. Очень трудно. Возможно не хватает навыков чисто по js, может быть такое? Я вот смотрю, народ пишет, что реакт — это изи. И тем не менее, чет не заходит вообще никак, хотя огромное желание освоить.

http://learn.javascript.ru/ ?

а английский знаешь?

Ну доки могу читать, ага.

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

Откровенно сказать, трудно дается. Очень трудно. Возможно не хватает навыков чисто по js, может быть такое? Я вот смотрю, народ пишет, что реакт — это изи. И тем не менее, чет не заходит вообще никак, хотя огромное желание освоить.

ну а что собственно сложного? синтаксис или семантика?

Я изучал с create-react-app. Потом к этому вебпак. Бабель,роутер,ридакс

ну а что собственно сложного? синтаксис или семантика?

второе, скорее

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

стоит базовые вещи знать, чтобы не плавать

второе, скорее

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

второе, скорее

ну насчет метеора не знаю, но на том же сайте кантора есть очень неплохие разделы с компонентами, там ты на ваниле пишешь и становиться понятен смысл компонентов потом у реакта почитай про жизенные циклы компонетов и состояния со свойствами.

должно хватить, чтобы писать.

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

я так же с хаскелем начинал, и очень хорошая мотивация копать и что-то делать, когда не впустую пишешь код

благодарю. Ну я сюда тоже буду спрашивать, оке?

Откровенно сказать, трудно дается. Очень трудно. Возможно не хватает навыков чисто по js, может быть такое? Я вот смотрю, народ пишет, что реакт — это изи. И тем не менее, чет не заходит вообще никак, хотя огромное желание освоить.

https://www.youtube.com/watch?v=DCeNCr2tKOI про проблему с состоянием и как ее решает реакт

https://www.youtube.com/watch?v=DCeNCr2tKOI про проблему с состоянием и как ее решает реакт

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

новая либа с компонентами, просто пушка http://blueprintjs.com/

короче пушка тут вот в чем, не встречал это в других наборах компонентов чтоб из коробки: editable text, editable tables, sliders, context menus, tags

> Whether you’re suffering from Javascript fatigue, ES anxiety, post-webpack stress disorder or any other kind of web development malady, the last thing you probably want to do now is look at another Javascript framework. Именно такая у меня реакция на vue. Неужели он не умрет?

а я не вижу потребности в каком-то фреймворке, когда уже есть реакт и стейт менеджмент в виде redux/mobx

sails.js еще был, такой-то хайп разводили

Я бы не зарекался)

вроде ничего нормального на горизонте пока не видно

всмысле чего-то лучше*

Ангуляр 2?

Посмотрел cycle и прям впечатлился мощности концепта. Но пока это уже слишком ?

Но это в дополнение ко всему, офк

Ангуляр 2?

ну это как альтернатива реакту со стейт менеджментом

Он быстрее:)

да лан

Что да лан? Открываем выступление Алексея Охрименко на хайлоаде, смотрим результат

я просто на читал ничего про ангуляр совсем, интересно

Я как делаю - начинаю проект на реакте, устанавливаю кучу разных модулей сверху, и прогоняю все это мясо через какие-нибудь сжималки/оптимизаторы кода. Почитаю сейчас про ангуляр

Что да лан? Открываем выступление Алексея Охрименко на хайлоаде, смотрим результат

dx важнее

ну и можно preact всегда

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

А есть еще фотки бета версий?:)

Еще, еще:)