Ну и редакс для абстрактных компонентов ни к чему

Была бы цель взять готовый - компонент взял бы react-slick, сейчас просто для себя делаю

Стейта компонента должно хватить

зачем ридакс в компонентах?

он для приложений

Можно пример, где React используется в серьёзных приложениях? Просто интересно, что вообще можно делать и зачем он (я просто новичок без опыта коддинга)

уф

Можно пример, где React используется в серьёзных приложениях? Просто интересно, что вообще можно делать и зачем он (я просто новичок без опыта коддинга)

https://github.com/react-boilerplate/react-boilerplate

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

http://jsbin.com/fivurojahi/edit?html,js,output

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

в двух ключах

Ребят, помогите понять, как сделать эт: Есть 3 кнопки, которые хранятся в дефолтном состоянии в redux, и выводятся вот так: data.map((i, index) => { return ( <button className={group__${i.caption}} key={i.code}>{i.caption}</button> ); }) И есть текст, который должен выводится при нажатии на определенную кнопку. Т.е при нажатии на 33ПК, то выводит: "text":"Totally need to try this.", "user": "heavymetaladam" При нажатии на 35П: "text":"Wes. WE should have lunch.", "user": "jdaveknox" Блин, даже не знаю, как эт объяснить. Крч нужно связать react-router и redux

Спасибо большое заранее

в двух ключах

Поменяй || на &&

Спасибо большое заранее

создай webpackbin

и не скидывай в чат кртинки

Ок

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

var newArray = array.filter(item => !((Object.keys(item).length === 0) || (item.affiliation === '' && item.name === '')));

создай webpackbin

а лучше http://gist.github.com/

а лучше http://gist.github.com/

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

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

Константин спасибо огромное

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

ты попобуй

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

Действительно

это как жсфиддл только для приложений

и с поддержкой npm

это как жсфиддл только для приложений

спасибо, круто.

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

Ну нам и не нужен весь твой проект

А только minimum reproducible demo

Привет всем, элита фронт енда. Подскажите позорно ли использовать библиотеку material-ui в реакт приложениях новичку. Считается ли это чем то вроде бутстрапа?

Привет всем, элита фронт енда. Подскажите позорно ли использовать библиотеку material-ui в реакт приложениях новичку. Считается ли это чем то вроде бутстрапа?

а чем позорно использовать бутстрап? )

хорошая библиотека. особенно если material-ui@next

немодно

а чем позорно использовать бутстрап? )

хайпа мало)

Просто когда видишь на сайте btn-primary и btn-warning уже начинает надоедать

хайпа мало)

ну когда-то было много ))) на старых углях не вытягивает? )

И стандартные глификоны

А что вы используете, если не material-ui?

И стандартные глификоны

это вопрос денег как бы. есть деньги на кастом - делаешь кастом. нет - юзаешь готовое.

И стандартные глификоны

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

А что вы используете, если не material-ui?

бутстрап))))

ахаха ?

Привет всем, элита фронт енда. Подскажите позорно ли использовать библиотеку material-ui в реакт приложениях новичку. Считается ли это чем то вроде бутстрапа?

отвечая на первоначальный вопрос - Не позорно.

Привет всем, элита фронт енда. Подскажите позорно ли использовать библиотеку material-ui в реакт приложениях новичку. Считается ли это чем то вроде бутстрапа?

react-bootstrap для админок норм заходит

Ок, а стоит ли в проекты для портфолио использовать UI киты или стоит сделать кастом себе

смотря какой проект

и смотря какое портфолио

На самом деле ничего плохого в готовых Ui-китах нет. Не все и их-то могу правильно использовать ) Так что если ты используешь UI-кит и делаешь это хорошо, то все ок. Если ты хочешь в портфолио показать именно качетсво твоего js-кода, то ui-кит вообще по идее мало будет иметь значения

Есть у кого опыт работы с flow? У меня импортированные типы резолвятся в any. Что я не так делаю? ?

Мб как с тс файлов не хватает с типами?

Я свой экспортированный тип не могу импортировать.

import type

import type { SomeType } from "./some-flow"

Кажется я понял в чём проблема, цикличные зависимости.

наверное милион раз спрашивали но ищё спрошу )) у меня есть стор. { a: {}, b: {}, c: 12345 } и есть редюсеры обслуживающие a: и b: как мне из этих редюсеров поменять c: ? если никак то какие есть варианты ? в редюсеры a: и b: прилетает результат выполнения асинхронного запроса — то есть в экшонах я имею вот такое: https://i.imgur.com/laDPQBt.png следовательно в редюсеры попадает результат выполнения этого промиса.

хм.. кажетсяпонял ))) изменение c: через вызов соответствующего экшена надо менять.. :) То есть надо его создать и вызвать... Но тогда не пойму в какой момент вызывать.

наверное милион раз спрашивали но ищё спрошу )) у меня есть стор. { a: {}, b: {}, c: 12345 } и есть редюсеры обслуживающие a: и b: как мне из этих редюсеров поменять c: ? если никак то какие есть варианты ? в редюсеры a: и b: прилетает результат выполнения асинхронного запроса — то есть в экшонах я имею вот такое: https://i.imgur.com/laDPQBt.png следовательно в редюсеры попадает результат выполнения этого промиса.

Один и тот же Action пусть обрабатывают разные редьюсеры.

в общем я в очередной раз запутался :(

Из редюсеров не надо менять другие редюсеры, надо просто слушать один экшен в двух разных редюсерах.

о

ключевое слово скажите как это сделать

ERROR: S client not available

также как ты меняешь в a по FETCH_SUCCESS, также меняй и в c. Экшен везде вызовется

о.. надо проверить )) Спс

combineReducers надо ещё использовать в верхнем редьюсере.

ура! :) Работает спасибо! ?

я вот такое заюзил в верхнем https://i.imgur.com/dkMLQHP.png вроде правильно сделал

спасибочки!

Да.

также как ты меняешь в a по FETCH_SUCCESS, также меняй и в c. Экшен везде вызовется

Такой подход не приведет к проблемам в будущем, когда приложение станет большим?

Всякие случаи типа: появился кейс, когда нужно дернуть экшен, но уже обработать только в одном редьюсере

Я использовал в паре мест, редкий кейс

Кмк если редьюсеры совсем про разные вещи, то лучше запускать два экшена подряд через thunk/саги

Чот я саги так и не осилил. А чем тхунк лучше промисе-мидлвара я тоже ещё не понял.

Привет, есть у кого? нет Pro MERN Stack Full Stack Web App Development with Mongo, Express, React, and Node Authors: Subramanian, Srinivas

Привет, есть у кого? нет Pro MERN Stack Full Stack Web App Development with Mongo, Express, React, and Node Authors: Subramanian, Srinivas

Хантилка в другом чяте

Хантилка в другом чяте

Хантилка?

И в каком если не секрет?

Хантилка?

Рабникоискание

Рабникоискание

А причем тут это?

Я книжку спрашивал

А то на либрери генезис нет

А. Сорян

На флибусте нет?

На флибусте нет?

Там вообще тухляк с технической литературой. Я только на либгене ищу

Кмк если редьюсеры совсем про разные вещи, то лучше запускать два экшена подряд через thunk/саги

Ну, ты правильно говоришь. Я пилил как-то проект без серверного рендеринга, который при открытие доставал разные не основные данные (категории, нотификации...). Там был один экшен и соответственно один запрос, чтобы не грузить сервак. В этом экшене я мог диспатчить еще разные экшены, но решил просто слушать в каждом редюсере один, чтобы доставать нужный ключ из paylod. Но сейчас, конечно, понимаю, что лучше не ленится и сделать норм

Чот я саги так и не осилил. А чем тхунк лучше промисе-мидлвара я тоже ещё не понял.

Я просто для примера привел, можно добавить любой другой аналог

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

Подскажите, что я делаю не так. Передаю в action.item = объект. case 'ADD_SOURCE': return { ...state, sources: [ action.item, ...state.sources, ] } break;

В sources массив объектов. И туда вношу новый объект

Подскажите, что я делаю не так. Передаю в action.item = объект. case 'ADD_SOURCE': return { ...state, sources: [ action.item, ...state.sources, ] } break;

После ретурна бреак не нужен))

В sources массив объектов. И туда вношу новый объект

Ты добавляешь action.item в начало массива. Так и задумано?

После ретурна бреак не нужен))

+

action.item точно есть?