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

плохо читается

Как то можно решить моргание цсс модулей если использовать styles-loader? Собирать все в 1 большой css тоже не очень решение

Вообще, если у тебя приложение рендериться только на клиенте, то проблемы с FOUC при использовании style лоадера быть не должно, и это не зависит от цсс-модули/не цсс-модули. Если завезли среверный рендер, то, в любом случае, нужно объявлять стили до контента, варианты – один большой файл на все страницы(самый простой) или, если есть желание упарываться по critical path – конкретный файл под конкретную страницу (@DenisIzmaylov тут рассказыввал, что в его компании так делали). Мне кажется, что эти проблемы "красивее" всех решает – JSS: хранишь все стили в JS – не паришься большой/маленький CSS file, его просто нет; при серверном рендере экстрактишь только стили для замонтированых компонентов; нужно шарить общие переменные – шаришь и т.д.

Вообще, если у тебя приложение рендериться только на клиенте, то проблемы с FOUC при использовании style лоадера быть не должно, и это не зависит от цсс-модули/не цсс-модули. Если завезли среверный рендер, то, в любом случае, нужно объявлять стили до контента, варианты – один большой файл на все страницы(самый простой) или, если есть желание упарываться по critical path – конкретный файл под конкретную страницу (@DenisIzmaylov тут рассказыввал, что в его компании так делали). Мне кажется, что эти проблемы "красивее" всех решает – JSS: хранишь все стили в JS – не паришься большой/маленький CSS file, его просто нет; при серверном рендере экстрактишь только стили для замонтированых компонентов; нужно шарить общие переменные – шаришь и т.д.

про jss, да, знаю, самый лучший был бы вариант)

Будут блинки как раз

не будет, если цсс загрузится раньше

Асинхронность и “раньше” это слегка противоречащие друг другу понятия

вообще не вижу разницы

файл же не разом парсится

есть желающие вместе пополить небольшой проект react+redux+webpack по скайпу

@Kreizo ты так и не смог iframe по клику отобразить?

нет

слишком большая каша у меня в одном файле

кинь ссылку на репозиторий я попробую сделать

не понимаю как что работает

так блин, и не должно все в одном файле быть

кинь репозиторий

https://github.com/kreiz0/godota

я понимаю

но не могу его разбить

есть похожий проект, но он слишком сложный

все пробую скопировать и всегда что-то не стыкуется

и не работает

щас дай чуток время

почему у тебя редьюсеры в компоненте?

а где они должны быть ?

я еще не понимаю как использовать этот комбине reduser

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

что бы эти циклы не запускать

у тебя несколько редьюсеров

и index.js

главное что работает

и в нем ты в функцию combineReducer передаешь

ну не, я думал быстренько помочь тебе, но это дичь

советую сначало какой нибудь туториал пройти

еще и на счет курсов react+redux так и не ответили

жизнь боль

да щас кину

читал все туториалы на русском

вот такое вот слепил

http://prgssr.ru/development/pogruzhenie-v-react-router.html

ты явно не так читал

вот первая статья, далее вторая и третья в конце ссылки

ну местами материал чуток не свеж, но это в тысячи раз лучше, что у тебя

я думал роутер только для навигации

или рендерить компоненты тоже через роут нужно ?

которые по отдельным файлам

ну да, с ним проще намного

например ты кликаешь по ссылке, у нее href определенный, и на основе hrefa от рисует iframe твой

ну там только не <a href>, а <Link to="">

ну это почитаешь

http://prntscr.com/camz1v

какой из них качать ?

react-router достаточно пока

главное не пихай в один файл все, в redux есть файловая структура определенная

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

ну я по этому проекту видел https://github.com/marduke182/twitch-redux/tree/master/src

у меня вроде стоит eslint в webstorm

только этот проект слишком сложный для новичка

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

не понимая что к чему

вообще по redux https://egghead.io/courses/getting-started-with-redux

а ты этот eslint как подключаешь ?

через глобальный пакет и настраиваешь в IDE?

ну я не в ide, поставил не глобально а в проект, и вызываю npm run lint

ну я его со стайлгайдом от airbnb использую

ERROR: S client not available

http://prntscr.com/candyz

даже тут нельзя просто так взять и подключить eslint

вечно какие то ошибки баги

eslint в ide, и перед коммитом запускать вручную для проверки

eslint в ide, и перед коммитом запускать вручную для проверки

используйте husky и git precommit хук

используйте husky и git precommit хук

+1

вручную такое возможно ?

В идеале так, да

это же фронт-енд

считаю что вообще не законно

Хз только в вебшторме будет ли это при коммите работать

вроде все настроил

как посмотреть результат?

ты с прекоммит хуком?

http://prntscr.com/canlnu

установил все пакеты

и вот файл настройки

запустил сервер

оно в самой ide должно подсказывать ?

http://prntscr.com/canm1a

ой я через webstorm хз как

https://github.com/babel/babili

использовал кто-нибудь в продакшн?

как вытащить данные из редюкса ?

мне нужно из одного класса в другой запилить переменную

connect

Просто я хотел взять material-ui, там мол реакт компоненты, но Толи я неосилятор, но мне дико неудобно с ним верстать, и я использую mdl

Возьми лучше materialize-css. В mdl довольно много через JS делается

Возьми лучше materialize-css. В mdl довольно много через JS делается

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

http://prntscr.com/caol0c

что-то пошло не так

откуда у тебя data.channel.name

Не так ты дядя connect готовишь