да

ну TS няшечка

Ну ты при этом должен реакт код должен писать только в tsx

да, я в курсе

конечно мата было с переходом

но в целом отл

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

https://github.com/airbnb/enzyme/issues/516 Но тут сказано что я не смогу просто взять и кликнув сменить роут

Чем заменить redux CALL_API ?

ребят, подскажите пожалуйста, как это работает, рендерю список и по id удаляю элементы <button onClick={() => this.onDismiss(item.objectID)} type="button" > Dismiss </button> onDismiss(id) { const isNotId = item => item.objectID !== id; const updatedList = this.state.list.filter(isNotId); this.setState({ list: updatedList }); }

не понимаю как по клику удаляются элементы const isNotId = item => item.objectID !== id;

что это вообще

https://learn.javascript.ru/es-function#функции-через

не понимаю как по клику удаляются элементы const isNotId = item => item.objectID !== id;

isNotId проверяет что item.objectId !== id

стрелочные функции это

ну допустим вызвращается true

дальше он в updatedList находит все ид, которые не проходят фильтр сверху

и обновляет стейт с новым листом

окей это я тоже понял, сейчас скину полный код

https://jsfiddle.net/guillaumemaka/jwm6k66c/

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

Что именно тебе не понятно?)

он по клику уберет из списка из стейта list все элементы, которые не соотстветсуют условию

мне не понятно почему const isNotId = item => item.objectID !== id; возращает true

ок, возьми листочек. У тебя есть массив [1,2,3] Ты делаешь по массиву фильтр(элемент != 2) В итоге у тебя будет массив [1,3]

Понятно?

ага

спасибо

То есть массив 1,2,3. элемент 1. 1 != 2? Ок. Оставляем. 2 != 2. False. Убираем. 3 != 2. True. Оставялем

а

ну я затупок пойду учить

она возвращает булевое но filter по этому булевому как раз убирает или оставляет )

она возвращает булевое но filter по этому булевому как раз убирает или оставляет )

фильтр по сути с булевыми и работает)

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

этакий пример фп ^_^

тру - вернул, фолс - пропустил

таким образом формируется новый массив с возвращёнными элементами

спсибо, я кажется понял

Доброго времени суток, кто пользуется axios, как отправлять кастомные заголовки?

мда

http://s.syabro.com/2017-05-02-11-04-agoly.png

axios сейчас модный для api в redux?

видимо да;)

http://s.syabro.com/2017-05-02-11-04-agoly.png

Это для конфига, а не для одиночного запроса

а почему нельзя новый инстанс сделать?

Ксатати, а чем axios отличается от fetch чистого?

axios.request(config) axios.get(url[, config])

конфиг можно передавать

на запрос

// Set config defaults when creating the instance var instance = axios.create({ baseURL: 'https://api.example.com' }); // Alter defaults after instance has been created instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

Вот более похоже

в axios credentials передается?

как в CALL_API?

что такое call_api и credentials?

https://www.npmjs.com/package/redux-api-middleware

[CALL_API].credentials Whether or not to send cookies with the API call.

в смысле куки? )))

лал

угу

должен

но withCredentials по дефолту false

// withCredentials indicates whether or not cross-site Access-Control requests // should be made using credentials withCredentials: false, // default

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

ERROR: S client not available

в axios credentials передается?

withCredentials: true надо ставить

Вот, спасибо.

на бэке ещё надо будет правильно вернуть allow origin будет

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

угу

* не прокатит

причем с options

так что переезжай на токены

там не все так просто как хотелось бы)

as usual

так что переезжай на токены

не стоит

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

react-router ^_^

А есть ui-router. Просто заметил, что ещё для реакта есть. Как он?

не стоит

готов послушать почему

Менее безопасно

и дико неудобно в случае, если клиент у апи не только веб, а ещё и ios/ведро

(т.е. почти всегда :)

Для ios и ведра разницы нет

если в куках только токен хранить, то да

если бэк ещё хочет какие-то данные тоже в куки класть, то есть разница

Ксатати, а чем axios отличается от fetch чистого?

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

в componentDidMount DOM доступен?

по идее да, т.к. после рендера

в componentDidMount DOM доступен?

это же did — конечно доступен

по идее да, т.к. после рендера

после маунта, но не render()

почему нет?

если через рефы, то после первого рендера

willMount - до рендера, там DOM нет

после маунта, но не render()

ну, имеется ввиду componentDidMount - after rendering

после маунта, но не render()

didMount, уверен, после рендера отыгрывает