Спасибо за рекомендацию, учту)

А поповоду div’a как кнопочка - это по-моему плохо очень, придется прописывать tabindex, role и тд, чтобы он был доступен максимально

Это как минимум, да

То есть идеологически я все же для каждого компонента где нужен поинтер должен прописывать там cursor: pointer ?

ты можешь создать базовый компонент Button, а потом уже делать Button.extend`` и описывать стили, которые отличаются или дополняют этот компонент

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

Ребята, добрый вечер. Возможно ли импортить модуль по URL?

Вебпак умеет, но не знаю как это делается ?

Ребята, добрый вечер. Возможно ли импортить модуль по URL?

в рантайме или при билде ?

Ребята, добрый вечер. Возможно ли импортить модуль по URL?

Это ты чего такое странное делаешь? Локализацию грузишь?

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

в рантайме или при билде ?

При билде.

https://github.com/webpack-contrib/url-loader

/stat@combot

combot.org/chat/-1001032883247

По некоторым причинам нужно обернуть инициализацию редакса в компонент. То есть createStore будет вызываться в willMount. Делал ли кто так и какие от этого могут быть последствия?

Звучит подозрительно. А зачем это надо?

Хочешь передать туда данные, которые доступны в willMount? Делаешь фетч запрос или что?

Нужно интегрировать реакт в ангуляр (первый)

оу

По некоторым причинам нужно обернуть инициализацию редакса в компонент. То есть createStore будет вызываться в willMount. Делал ли кто так и какие от этого могут быть последствия?

Делал, вроде бы ничего не вылезло

Взял пока для пробы ngReact, он принимает компонент и делает директиву

Создавать стор нужно каждый раз

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

Парни, как с точки зрения арзитекруты должны выглядеть действия, которые выполняются вне реакта? К примеру я дулаю сервис авторизаци. И в одном сценарии страница показывает форму с логином и паролем. Во втором сама шлёт запрос. Вот как реализовать правильно второй сценарий?

А вы пользуетесь композицией batch, RenderComponent, RenderNothing или оставляете логику отображения в компонентах?

Парни, как с точки зрения арзитекруты должны выглядеть действия, которые выполняются вне реакта? К примеру я дулаю сервис авторизаци. И в одном сценарии страница показывает форму с логином и паролем. Во втором сама шлёт запрос. Вот как реализовать правильно второй сценарий?

Для redux - компонент дергает проброшенный actionCreator, который осуществляет сайд-эффекты и диспатчит action с данными, редюсер обновляет стор и данные возвращаются через пропсы

branch?

Парни, как с точки зрения арзитекруты должны выглядеть действия, которые выполняются вне реакта? К примеру я дулаю сервис авторизаци. И в одном сценарии страница показывает форму с логином и паролем. Во втором сама шлёт запрос. Вот как реализовать правильно второй сценарий?

для сайд-эффектов вам доступны redux-thunk, redux-saga, redux-observable, redux-logic, redux-loop

для сайд-эффектов вам доступны redux-thunk, redux-saga, redux-observable, redux-logic, redux-loop

Просто эти сайд-эффекты - это редирукт надругой сайт и т.п.

Парни уже задавал вопрос, но он все еще остается открытым. Есть ли способ при client side ренедере внутри компонента определить что он уже был отрендерен на сервере?

Добрый вечер. Вопрос от неопытного. Первый раз работаю с webpack. установил 3ю версию. Вроде билд проходит, но React ничего не рендерит. Ошибок в консоли нет.

Парни уже задавал вопрос, но он все еще остается открытым. Есть ли способ при client side ренедере внутри компонента определить что он уже был отрендерен на сервере?

constructor() не будет вызываться, сразу componentWillReceiveProps()

Добрый вечер. Вопрос от неопытного. Первый раз работаю с webpack. установил 3ю версию. Вроде билд проходит, но React ничего не рендерит. Ошибок в консоли нет.

сам бандл джс есть? где и как реакту начинать задали?

Добрый вечер. Вопрос от неопытного. Первый раз работаю с webpack. установил 3ю версию. Вроде билд проходит, но React ничего не рендерит. Ошибок в консоли нет.

можешь создать приложение с помощью create-react-app, потом сделать eject и посмотреть как там все, может так будет легче разобраться

combot.org/chat/-1001032883247

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

миддлварина?

Щас будет неожиданное

Экшн

Один

В этом и суть редакса, в которую все почему то упорно не могут въехать. Вот прям именно в этом кейсе

В этом и суть редакса, в которую все почему то упорно не могут въехать. Вот прям именно в этом кейсе

Ок. А куда тогда константу положить?

Экшн один, но логика изменения завязана на значении обоих полей, вот в чем соль

Ок. А куда тогда константу положить?

В /dev/null ? Action creator это и есть константа

В /dev/null ? Action creator это и есть константа

Не. Ну есть там директории actions, constants, reducers

constructor() не будет вызываться, сразу componentWillReceiveProps()

Конструктор вызывается в любом случае, он же должен создать экземпляр компонента на клиенте, так же как и весь лайф цикл выполнится. Возможно есть во внутреннем инстансе компонента параметр или метод который делает diff чтобы это определить

Не. Ну есть там директории actions, constants, reducers

Ну да. Всю директорию constants туда и положить)

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

Парни уже задавал вопрос, но он все еще остается открытым. Есть ли способ при client side ренедере внутри компонента определить что он уже был отрендерен на сервере?

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

Парни уже задавал вопрос, но он все еще остается открытым. Есть ли способ при client side ренедере внутри компонента определить что он уже был отрендерен на сервере?

Да, можно. Вызвать метод, который есть только в браузере, например, requestAnimationFrame. Ну и внутри изменить стейт, мол, мы уже на клиенте

Конструктор вызывается в любом случае, он же должен создать экземпляр компонента на клиенте, так же как и весь лайф цикл выполнится. Возможно есть во внутреннем инстансе компонента параметр или метод который делает diff чтобы это определить

Согласен. Насчёт конструктора, наверное, не прав. Знаю точно, что getInitialState() (который при создании компонента через React.createClass) не будет вызываться точно - с этим сам сталкивался. Тут должен быть похожий механизм, мне кажется. Может быть componentDidMount() будет пропущен или типа того - в общем, какой-то из хуков жизненного цикла, который выполняется при создании и монтировании компонента, а не при его обновлении

Ок, спасибо, пойду исходники поковыряю)

В этом и суть редакса, в которую все почему то упорно не могут въехать. Вот прям именно в этом кейсе

Таки у меня лагает или ты не ответил чё делать, когда нужны данные и оттуда, и оттуда?

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

https://www.youtube.com/watch?v=fWR5SFhBUWc

Таки у меня лагает или ты не ответил чё делать, когда нужны данные и оттуда, и оттуда?

Считать не в сторе)

Чото не пойму, правильно хоть делаю? class App extends React.Component { render() { return ( <Header /> <Nav /> <Home /> <Footer /> ) } }

Чото не пойму, правильно хоть делаю? class App extends React.Component { render() { return ( <Header /> <Nav /> <Home /> <Footer /> ) } }

Один элемент можно вернуть

Таки у меня лагает или ты не ответил чё делать, когда нужны данные и оттуда, и оттуда?

redux-thunk как раз зайдет для такого

redux-thunk как раз зайдет для такого

eh? при чем тут он казалось бы?

ERROR: S client not available

получить стейт в экшен. далее там посчитать или передать в редюсер значения

а я понял

при том, что второй аргумент — getState

))

Один элемент можно вернуть

В смысле App вернуть?

В смысле App вернуть?

в смысле оберни их в див все

можно возвращать только одну ноду

в смысле оберни их в див все

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

Вот апку то вижу в отладчике реакта, но страница чистая, стили или ещё что не понимаю. Стили подключил, нюансы может какие есть?

Чото не пойму, правильно хоть делаю? class App extends React.Component { render() { return ( <Header /> <Nav /> <Home /> <Footer /> ) } }

App = () => {( <div class="app"> <Header /> <Nav /> <Home /> <Footer /> </div> )};

App = () => {( <div class="app"> <Header /> <Nav /> <Home /> <Footer /> </div> )};

Ух ты, спасибо, вот не знал, а я просто импортом css подключал. Но правда, чото не работает. Щас посмотрю ещё.

Ух ты, спасибо, вот не знал, а я просто импортом css подключал. Но правда, чото не работает. Щас посмотрю ещё.

class -> className

и что значит просто импортом подключал? это в смысле классы не проставлял что ли элементам, думал, сами догадаются, кому какой?)

class -> className

Да это я знаю, это есть такое. Раньше так делал, брал в главном index.js импортил все стили которые нужны, а потом где нужно использовал.

А что-то с реактом так не катит))

а стили-то есть?

в смысле, на странице

Ну вот читаю, ознакамливаюсь как лучше, раньше всё в бандл один, и его подключал. Вот да вариантов то немного, напрямую в страницу подключать или в каждый компонент. Засада.

Посмотри в консоли, лол, есть они или нет)

В смысле после импорта?

В смысле в хроме в девтулзах посмотри встроились ли они или нет

@sergeysova

В смысле в хроме в девтулзах посмотри встроились ли они или нет

Нифига не понял, может мы про разное, у меня один бандл, если импортирую стили, то только его ковырять, смотреть в нём.

Ты сделал страничку, открыл в браузере. Посмотри в браузере, есть ли они на странице.

А, ну да, есть. Только не подхватываются.

/stat@combot

combot.org/chat/-1001032883247

Парни уже задавал вопрос, но он все еще остается открытым. Есть ли способ при client side ренедере внутри компонента определить что он уже был отрендерен на сервере?

Component will mount