ну по идее вебпак должен был эту магию сделать уже. то есть сама импортированная сущность по своему имени должна быть доступна

> вебпак должен был Должен был - сделал) > сама импортированная сущность должна быть доступна Да > по своему имени Нет

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

тьфу

Ребят, а как вы размещаете в проекте фабричные методы для создания actions?

Тулите все в один файл?

Разбил по файлам, связал их в index.js export default { ...one, ...two, } Все работает, вот только WebStorm не подсказывает, какие методы можно использовать с файла index.js

Как у вас обстоят с этим дела?

Мда, что-то ночью уже не думается. Можно просто импортить Actions/one ...

index.js export { default as one } from './one'

index.js export { default as one } from './one'

Попробую завтра, спасибо

1 компонент = 1 action creator. Если их у одного компонента настолько много, что пришлось бить по файлам, возможно что-то пошло не так

в смысле, если настолько много экшенов в одном action creator

Пратчетт про таких разработчиков очень хорошо сказал: >> Он обладал поистине блестящим интеллектом, интеллект его блестел всеми гранями, словно осколки разбитого вдребезги зеркала. Несмотря на сверкающие грани и радужные отблески, вещь все-таки разбита.

за Пратчетта отдельный респект)

Да!

Парни подскажите, почему не работает следующий алгоритм: в ComponentWillMount(), т.е. перед началом рендера я получаю данные по API, которые компонент должен вывести при рендере. Но почему-то компонент рендерит данные так, как будто-бы ComponentWillMount вообще не было и выводит неизмененные данные

я думаю здесь нужно код смотреть

куда скинуть лучше? в codepen>?

нет, кидай прям сюда всю репу

заскринь и скинь или в codepen

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

Парни подскажите, почему не работает следующий алгоритм: в ComponentWillMount(), т.е. перед началом рендера я получаю данные по API, которые компонент должен вывести при рендере. Но почему-то компонент рендерит данные так, как будто-бы ComponentWillMount вообще не было и выводит неизмененные данные

потому что запрос асинхронный, он за данными идет, потом рендерит, потом получает их — а уже поздно?

куда скинуть лучше? в codepen>?

Оптимальный вариант github gist или если код рабочий то в любую из *bin, например https://www.webpackbin.com/

https://codepen.io/Charlie91/pen/ZeoRpN?editors=0010

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

попробуй так

ща

Братцы, посоветуйте хорошую статейку на тему разруливания тем для css-modules. Чего хочется? Важно, чтобы тема которая не используется сейчас не грузилась.

function showResponse(response) { var responseString = JSON.stringify(response, '', 2); //document.getElementById('response').innerHTML += responseString; dataObj = response; this.setState({ dataObj }) console.log(dataObj); } render() { const { dataObj } = this.state ... }

https://codepen.io/Charlie91/pen/ZeoRpN?editors=0010

Вы должны использовать внутреннее состояние Компонента, что позволяет при изменении этого состояния делать rerender - это react-way

Иначе, при нестандартных вариантах вам нужно вызывать forceUpdate()

Вы должны использовать внутреннее состояние Компонента, что позволяет при изменении этого состояния делать rerender - это react-way

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

Выше смотрите

Я написал, как

Ок, спасибо, сейчас разберусь.

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

подойдет только хешХистори ?

для browserHistory нужен сервер для отдачи файлов ?

Бля

Помогите

Ебаная нода ебаный бейбел ебаное всё

Есть редакс-логгер

Есть код

if (__DEV__) { const logger = require('redux-logger')({ level: 'info', collapsed: true, ... }); middlewares.push(logger); }

Короче давайте сразу на ишью

https://github.com/evgenyrodionov/redux-logger/issues/210

Нид хелп

Короче, мне надо чтобы работали кейсы export { defaults, defaultLogger as logger, }; export default createLogger; И можно было сделать import createLogger from 'redux-logger' import { logger } from 'redux-logger' const createLogger = require('redux-logger') const { logger } = require('redux-logger')

У меня сейчас проблема с 3-ей строчкой: нужно делать const createLogger = require('redux-logger').default

Выше смотрите

та же проблема, при первом рендере еще нету данных в стейте и он пишет :Cannot read property 'items' of undefined

та же проблема, при первом рендере еще нету данных в стейте и он пишет :Cannot read property 'items' of undefined

Так и будет у вас же данные не загружены Вы можете сделать например так: const { dataObj = null } = this.state

И в рендере проверять, если объект null или undefined - то выводить Loading...

https://github.com/evgenyrodionov/redux-logger/issues/210#issuecomment-288670476

Так же вы поместили асинхронный запрос в componentWillMount, напоминаю, что при server side rendering (SSR) у вас он будет исполняться и на сервере.

https://github.com/evgenyrodionov/redux-logger/issues/210#issuecomment-288670476

Заменьши @kittens

И в рендере проверять, если объект null или undefined - то выводить Loading...

Да, так работает. Как считаете, такой подход нормален или лучше смотреть в сторону всяких axious и прочих баблиотек? Я совсем новичок в асинхронных запросах

Всем привет. Надоел redux-form. Решил избавиться от него. Кто как реализует формы и их валидацию. Есть какие крутые либы или лучше нативно

Да, так работает. Как считаете, такой подход нормален или лучше смотреть в сторону всяких axious и прочих баблиотек? Я совсем новичок в асинхронных запросах

Кому-то нравится axios, кому-то fetch. Я использую на сервере node-fetch на клиенте whatwg-fetch

Кому-то нравится axios, кому-то fetch. Я использую на сервере node-fetch на клиенте whatwg-fetch

axios и fetch это разные вещи, все-таки если сравнивать то axios и обертки над fetch, которые могут быть совсем разные

Да, так работает. Как считаете, такой подход нормален или лучше смотреть в сторону всяких axious и прочих баблиотек? Я совсем новичок в асинхронных запросах

Если вы реализуете взаимодействие со своими сервисами, то рекомендую смотреть в сторону GraphQL

Заменьши @kittens

Мне там уже ответили

Релизну 3.0.0 с брекинг ченджес

Привет! Какой общепринятый способ в реакте показывать элемент по условию? Конструкция вида {condition && <div>Hello</div> } не особо хорошо смотрится

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

Я пишу { condition && ( <div /> ) }

ERROR: S client not available

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

лучше !!condition

если condition == false но не !== там может в аутпут пойти

Привет! Какой общепринятый способ в реакте показывать элемент по условию? Конструкция вида {condition && <div>Hello</div> } не особо хорошо смотрится

Запили себе <NgShow show={true/false}> .... </> Очень будет хорошо смотреться

0 вроде тот же

Ага, я больше про переносы)

Привет! Какой общепринятый способ в реакте показывать элемент по условию? Конструкция вида {condition && <div>Hello</div> } не особо хорошо смотрится

https://facebook.github.io/react/docs/conditional-rendering.html Так же для больших участков кода, например для ренедеринга для мобильных или иных вариантов можно создавать отдельные методы или создавать отдельные stateless компоненты: renderMobile() { return (...) } render() { const { bowser } = this.context if (bowser.mobile || bowser.tablet) return this.renderMobile() return (...) }

ого, спасибо

Устроил рефакторинг редакс-логгера, нид хелп. Есть настройка `collapsed: Boolean | Function`, меня это раздражает, хочу разнести на `isCollaped: Boolean` и вторую функцию, но не могу ее назвать. Как лучше? `checkCollapsed`? Или?

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

(функция тоже возвращает булеан)

а чем раздражает то?

getCollapsedState ?

что если будет заполнено и булево и функция?

где source of truth же?

что если будет заполнено и булево и функция?

Тоже верно

ну ты можешь прописать геттер и сеттер в рамках вычислимых свойств получишь all in one

https://habrahabr.ru/company/jugru/blog/324364/ - на хабре выложили видео с JS-конференции. Кто-нибудь смотрел?

Гайз, посоветуйте хорошую аплоадилку файлов, м?

Гайз, посоветуйте хорошую аплоадилку файлов, м?

я б тоже послушал, скоро пригодится

Я получаю в саге ответ от запроса. Вопрос заключается в том, могу ли я этот ответ как-то передать в компонент?

Устроил рефакторинг редакс-логгера, нид хелп. Есть настройка `collapsed: Boolean | Function`, меня это раздражает, хочу разнести на `isCollaped: Boolean` и вторую функцию, но не могу ее назвать. Как лучше? `checkCollapsed`? Или?

о, я как раз его недавно выпилил)) есть же Redux DevTools для хрома

proud of you

(но в целом мне конечно поебать)

Я получаю в саге ответ от запроса. Вопрос заключается в том, могу ли я этот ответ как-то передать в компонент?

return?

https://twitter.com/ID_AA_Carmack/status/844902854171262977

хм

осталось только придумать как дом запихать в 3д движок

потому что UI в юнити дно, даже в 5

https://github.com/evgenyrodionov/redux-logger/releases/tag/3.0.0

Всё бля