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

И так делала)

Точнее блок с тегами по названию класса

Еще я допускаю, что ты класс с маленькой буквы назвала и используешь типа такого: <myclass /> Тогда реакт воспринимает это как имя тега, а не класс

И так делала)

посмотрите консоль, если там ошибок нет, попробуйте без создания класса напрямую inject элемента в DOM сделать вот так: ReactDOM.render( <div>{ Hello world }</div>, RootDOMElement );

если сработает, бдем дальше думать)

посмотрите консоль, если там ошибок нет, попробуйте без создания класса напрямую inject элемента в DOM сделать вот так: ReactDOM.render( <div>{ Hello world }</div>, RootDOMElement );

Это работает

Еще я допускаю, что ты класс с маленькой буквы назвала и используешь типа такого: <myclass /> Тогда реакт воспринимает это как имя тега, а не класс

Вот да, скорее всего это, проверю вечером

Спасибо всем

Marina попробуй официальный туториал с es5, на es6 или ts можно перейти когда уже придет понимание https://facebook.github.io/react/docs/tutorial.html

У меня эта страница работает с перерывамиц

Может из за пакета )

=)

про бОльшую часть технологий работает анекдот про старых байкеров и молодого мотоциклиста: "что с вами знакомиться? вы каждый месяц новые."

Привет всем

Я собственно новичок в react. Дело вот в чём: стоит react starter kit (https://github.com/kriasoft/react-starter-kit). На просторах интернета нашел framework material-ui (www.material-ui.com/) для проекта. Но при использовании примеров из вышеуказанного framework'a компоненты не срабатывают. Может кто использовал и знает как решить проблемы?

Я собственно новичок в react. Дело вот в чём: стоит react starter kit (https://github.com/kriasoft/react-starter-kit). На просторах интернета нашел framework material-ui (www.material-ui.com/) для проекта. Но при использовании примеров из вышеуказанного framework'a компоненты не срабатывают. Может кто использовал и знает как решить проблемы?

что именно не срабатывает? что в консоле терминала/браузера

Компонент: Табы (http://www.material-ui.com/#/components/tabs) Build собирается нормально (из терминала)

Сейчас сброшу лог из консоли браузера

Консоль браузера тоже молчит

Прям первый пример взял и вставил себе в компонент. Получается то, что я вижу компонент "Табы", но переключения не происходит

там случайно не изоморф в стартерките?

Изоморф

тогда может что с домом материал делает до didmounta

Я собственно новичок в react. Дело вот в чём: стоит react starter kit (https://github.com/kriasoft/react-starter-kit). На просторах интернета нашел framework material-ui (www.material-ui.com/) для проекта. Но при использовании примеров из вышеуказанного framework'a компоненты не срабатывают. Может кто использовал и знает как решить проблемы?

Стартер-киты самый плохой способ начать изучать реакт и ко

"и ко" - это что?

Изучать - да, а вот стартануть проект - как вариант

стартовать с изоморфом не зная тонкостей...

Могу показаться не опытным

Но все же, что такое "изоморф" в react?

Рендеринг на стороне сервера и клиента

В таком случае, я не особо вижу проблемы в одинаковом коде для client-server

Лучший способ начать учить реакт, как тут уже упоминали - это официальный туториал от фейсбука

На сервере нет дома, есть проблемы с импортом svg

Импорт стилей тоже мутить надо

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

Парни, кто-нибудь использует mind-map для проектирования архитектуры проекта? Если да, то каким софтом пользуетесь? Вобще пользуетесь ли каким-то инструментом для визуализации логики работы компонетов до кодинга/во время кодинга? Или обходитесь redux/react-dev-tools?

??

xmind, но все это херня, white board и листы бумаги, в сложных случаях гугл документ со словесным описанием логики работы, интеграции и прочего

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

Начинаю новый проект, хочу спросить у каких либ самая большая инерция сегодня, и правильный ли список: node v6.3.0, babel, express, mobx, react-router, webpack, less, jslint, semantic-ui, passportjs, mailchimp

а маилчимп тут при чем?))

> mobx дискуссионно, а так стандартно)

jslint - eslint впереди планеты всей

а маилчимп тут при чем?))

вот еще хотел auth0 вписать, но может есть кто получше)

jslint - eslint впереди планеты всей

точно!

jslint - eslint впереди планеты всей

ES7 уже впилили?))

а с декораторами mobx проблем не будет и с бабелем?

а то зимой там что-то наполовину работало, что-то отваливалось

Декораторы не нужны

Плюс вот такой вопрос: если делаю универсальную аппу, то webpack умеет выделять css из style в компонентах React, во внешний единый css файл?

Плюс вот такой вопрос: если делаю универсальную аппу, то webpack умеет выделять css из style в компонентах React, во внешний единый css файл?

раньше только import('./thisComponent.less') работало

Как код зеленой подсветкой сделать?) Я только красной умею )))

Декораторы не нужны

@observable, @computed - как же без них?

Как код зеленой подсветкой сделать?) Я только красной умею )))

backticks

ES7 уже впилили?))

чет там действительно каменный век. предлагают babel-eslint использовать: https://github.com/eslint/eslint/issues/1657

каменный век?) Поддержка нестабильных фич веселое занятие)

кстати, а что там с iojs стало и с koa? столько кукарекали про них, но вроде все сошло на нет. очень удобно было иметь объект ctx и с ним контекст HTTP реквеста

кстати, а что там с iojs стало и с koa? столько кукарекали про них, но вроде все сошло на нет. очень удобно было иметь объект ctx и с ним контекст HTTP реквеста

сайт у либы ужасный

каменный век?) Поддержка нестабильных фич веселое занятие)

главное что это кто-то другой поддерживает ?

кстати, а что там с iojs стало и с koa? столько кукарекали про них, но вроде все сошло на нет. очень удобно было иметь объект ctx и с ним контекст HTTP реквеста

iojs прекратил свое существование давно, и с 4-ой версии называется node, такие дела.

ERROR: S client not available

koa как жила так и живет, собсна

koa как жила так и живет, собсна

хм, а что ж все не перекатились с express на коа? библиотек мало?

хм, а что ж все не перекатились с express на коа? библиотек мало?

ТЖ вон кстати 5 дней назад обновления в мастер мерджил

Ну это вопрос типа "Почему все не перекатываются с express на hapi", например

Собсна, ради чего?

Алсо, там уже 2.х версия во всю пилится

https://github.com/koajs/koa/commits/v2.x

Хотя не

Вовсю - это громко сказано

Чото там запустение слегка

пишут что минус koa в том, что нужен бабель на сервере

не нужен ;)

а если был бы - хз в чем минус

а если был бы - хз в чем минус

не знаю, неприятно как-то

@gusnkt даже не пытайся))

не нужен ;)

в koa v2 нужен, там async/await жи

Коа хорош их концепцией миддлеварей на промизах.

Оч удобно, я даже их koa-copmose отдельно юзал.

15.2.1 - просто жесть начал спамить в консоль однотипными ошибками, аля Warning: ReactComponentTreeDevtool: Missing React element for debugID 178 when building stack

в итоге это только в связке с jest - https://github.com/facebook/react/issues/7240

Друзья, могли бы помочь? Есть у вас коллеги из мира мобильной разработки? Поделитесь с ними ссылками на группы: + по iOS-разработке: https://telegram.me/ios_ru + по Android-разработке: https://telegram.me/android_ru

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

например, test: folder/**/*.css

У меня render делает компоненты используя данные из массива. Я меняю массив и вызываю render, но рендерится точно то же самое. Почему может так быть?

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

нет, лоадер смотрит по маске файлов, которые ты подключаешь, а не по папкам. по папкам можно сделать плагин

ПРИВЕТ ЛЕРА)))))

ПРИШЛИ ФОТКУ

нет, лоадер смотрит по маске файлов, которые ты подключаешь, а не по папкам. по папкам можно сделать плагин

понял, спасибо

Ребят, есть туториалы по redux-saga или презентахи, дока вроде неплохая, но все равно не конца вьезжаю в концепцию?

Я по примерам из репы въехал. (https://github.com/yelouafi/redux-saga/tree/master/examples)

Ребят, кто-нибудь пилит на драфте редактор?