произвольных? то есть ты будешь каждый раз в рендере вызываь hoc(rand1, rand2)(component)?

Ну в смысле, что это визуально может быть все, что душе угодно: кнопки, квадратики, строки в таблице.

произвольных? то есть ты будешь каждый раз в рендере вызываь hoc(rand1, rand2)(component)?

Так в рендере уже enhanced компонент будет, обертка же статически делается.

Вообще, чет хоки не особо мне нравятся. Дырявая абстракция, самую малость :)

В дырявых руках любая абстракция дырявая, так если подумать Но хоки довольно интересная фишка

@ZeroBias что ты про генераторы рассказывал? Так чет не работает

Всем привет. Ребят, есть такая задача: У меня есть массив сотрудников. Есть несколько видов сортировки: возьмем, к примеру, по отделу. Мне нужно, чтобы в итоге получился не просто список, а чтобы перед каждой группой сотрудников был подписан отдел. Мне для этого нужно массив превратить в объект массивов или как поступить?

redux

где в сторе у тебя будет лежать объект, key - отдел -> value - массив сотрудников

а точнее id на сотрудников, по которым ты сможешь выбрать сотрудников из Entity Employees

а точнее id на сотрудников, по которым ты сможешь выбрать сотрудников из Entity Employees

Ааа, понял. Огонь, спасибо!

в чем может быть проблемма юзаю react-intl передаю динамически из редакса язык, сообщение которое на сткрине переводится а такое же в роутах уже нет http://prntscr.com/ifhprk

Ребят, всем привет! Появилась проблема, как сделать так, если у меня отработала в компоненте определенная функция и если там по 1 значению true, то перекинуть на другую страницу? Я делаю авторизацию и нужно как-то после проверки данных перекинуть на главную страницу, либо оставить на логине

Ребят, всем привет! Появилась проблема, как сделать так, если у меня отработала в компоненте определенная функция и если там по 1 значению true, то перекинуть на другую страницу? Я делаю авторизацию и нужно как-то после проверки данных перекинуть на главную страницу, либо оставить на логине

Берёшь и делаешь то, что описал.

? Я же не просто так написал, я не пойму как в функции редирекнуть на нужную страницу))

А зачем в функции? Функцией меняй стейт, а редиректи в рендере, в зависимости от стейта

Ребят, всем привет! Появилась проблема, как сделать так, если у меня отработала в компоненте определенная функция и если там по 1 значению true, то перекинуть на другую страницу? Я делаю авторизацию и нужно как-то после проверки данных перекинуть на главную страницу, либо оставить на логине

history.push

? Я же не просто так написал, я не пойму как в функции редирекнуть на нужную страницу))

google js redirect

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

Берёшь и делаешь то, что описал.

Совет дня!

google js redirect

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

Ребят, всем привет! Появилась проблема, как сделать так, если у меня отработала в компоненте определенная функция и если там по 1 значению true, то перекинуть на другую страницу? Я делаю авторизацию и нужно как-то после проверки данных перекинуть на главную страницу, либо оставить на логине

если используешь стейт менеджмент либу, то тебе внутри этой функции надо вызывать экшн редакса или своего стора, а уже внутри него делать редирект либо через window.location.href = url, либо через history.push, первый вариант подойдет если тебе вообще на другую страницу надо уйти

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

Читаю иногда чат и никак не могу взять в голову, как же работает роутинг в реакте? Неужели нету someRouter.go(‘/‘)? А как тогда текущий роут/группу получать? Типа someRouter.current() И как вообще роуты создавать и управлять ими? someRouter.route(‘/‘, { name: ‘home’, action() { mount(<MainLayout />) } } Мне все это кажется вполне удобным и не совсем ясно, а как это работает в реакт приложениях?

Читаю иногда чат и никак не могу взять в голову, как же работает роутинг в реакте? Неужели нету someRouter.go(‘/‘)? А как тогда текущий роут/группу получать? Типа someRouter.current() И как вообще роуты создавать и управлять ими? someRouter.route(‘/‘, { name: ‘home’, action() { mount(<MainLayout />) } } Мне все это кажется вполне удобным и не совсем ясно, а как это работает в реакт приложениях?

В реакте нет роутинга.

Роутинг обеспечивают внешние библиотеки.

Ребят, всем привет! Появилась проблема, как сделать так, если у меня отработала в компоненте определенная функция и если там по 1 значению true, то перекинуть на другую страницу? Я делаю авторизацию и нужно как-то после проверки данных перекинуть на главную страницу, либо оставить на логине

помоему такие штуки очень просто разруливать с помощью redux - сохранить стейт и сделать редирект куда тебе надо, а там взть это значение из стора

Ну что там все юзают? РеактРоутер вроде

Читаю иногда чат и никак не могу взять в голову, как же работает роутинг в реакте? Неужели нету someRouter.go(‘/‘)? А как тогда текущий роут/группу получать? Типа someRouter.current() И как вообще роуты создавать и управлять ими? someRouter.route(‘/‘, { name: ‘home’, action() { mount(<MainLayout />) } } Мне все это кажется вполне удобным и не совсем ясно, а как это работает в реакт приложениях?

берешь роутер и createBrowserHistory, все

Да вот щас открыл доки ради интереса

Получается группу роутов сделать нельзя? var admin = someRouter.group(‘/admin/store/‘); admin.route(‘/add’, ...) admin.route(‘/items’, ...)

что значит группа роутов?

в вашем понимании?

/admin/store/add /admin/store/items из мини примера выше

вам ничего не мешает сделать <Route path="/"> <Route path="/2.0"> <Route path="/3.0"></Route> </Route> <Route path="/2.1"></Route> ...... </Route>

Или если я хочу чтобы в зависимости от роута грузился определенный компонент внутри другого компонента? И при этом перерисовывался на странице только этот компонент

Или если я хочу чтобы в зависимости от роута грузился определенный компонент внутри другого компонента? И при этом перерисовывался на странице только этот компонент

вам ничего не мешает сделать <Route path="/"> <Route path="/2.0"> <Route path="/3.0"></Route> </Route> <Route path="/2.1"></Route> ...... </Route>

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

это пример из react-route-4

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

есть router5 неплохой

расширяется это либами и у каждой либы свои подходы для роутинга

есть router5 неплохой

на вкус и цвет

Дело в том , что я то думал, что роутинг везде +- схожим образом реализован

А тут вон какие дела

ну тут роуты как компоненты, не вижу тут ничего плохого

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

Только ведь роут - это не компонент

Фактически

если вам нравится так как вы описали, router5 вам в руки =))

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

?

Ребзи, а ES модули уже работают в браузерах ? ?

Ребзи, а ES модули уже работают в браузерах ? ?

Да

Ребзи, а ES модули уже работают в браузерах ? ?

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

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

mdn - твой самый большой друг.

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

Готов по сети кучу файлов гонять?

Готов по сети кучу файлов гонять?

Да

Тогда выкидывай.

Ещё б npm пакеты

А что npm пакеты?

А что npm пакеты?

Они не модулями же

Они не модулями же

Оформляешь в модуль и вперёд.

Форкать, что ли?

Можно и форкнуть.

Такое себе удовольствие

Отрендерить 200 строчек в таблице занимает 700 мс и мне кажется это много. Я слишком много хочу?

Отрендерить 200 строчек в таблице занимает 700 мс и мне кажется это много. Я слишком много хочу?

Используй react-virtualized

Не нужно рендерить всё.

не очень хочется его тащить

не очень хочется его тащить

Значит ты слишком многого хочешь.

Привет. Подскажите пожалуйста, если я использую isomorphic-style-loader что бы загружать стили, можно ли как то для сервер сайд рендеринга получать стили компонент до их рендера? фокус в том что я сейчас вывожу рендер через renderToNodeStream а стили хотелось бы хотя бы для компонент вверху страницы вывести заранее. При этом часть компонент берется из библиотеки компоненты, так что затруднительно сослаться на нужный pcss в явном виде.

Функция генератор возвращает иттератор, который уже можно использовать Использовать надо так function* generator() { while(true) yield Math.random() } const randomIt = generator() randomIt.next() randomIt.next()

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

от чего зависит когда это "потом" должно наступить?

Нет.

от чего зависит когда это "потом" должно наступить?

по таймеру

Типа добавлять в таблицу записи по чуть-чуть?

в стейте заводится поле-флаг которое говорит нужно ли отрисовывать вторую часть. Изначально - false. В рендере проверяем это условие и в зависимости от него рисуем или не рисуем. По таймеру меняем его на true ... PROFIT

Типа добавлять в таблицу записи по чуть-чуть?

ага. Тупое решение?

Аля лейзи-лоуд

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

это скорее лейзи-рендер

Добрый день. Вопрос, возможно, не по реакту, а по НПМ, но проблема возникла с компонентом для реакта. Я использую preact и compat-layer При установке react-form через нпм в node_modules попадает только дока и ридми, самого кода нет. При повторном запуске инсталла папка из нод_модулес пропадает, при этом зависимость в package.json остаётся. Это проблема с конкретным пакетом? Если похоже на то, то посоветуйте, пожалуйста, хорошую либу для построения форм и валидации.

Ребят, а есть статейки у кого в закладках на тему обработки ошибок?

И ещё, кто нибудь юзает debug на фронте?

Завёл. Почему-то по умолчанию ставится бета-версия. Указал конкретную, всё завелось. Прошу прощения.