@react_js

Страница 3204 из 5115

Сергей

19.02.2018
14:01:59

npm eslint не работает, т.к пишет, что нет такой команды npm. Поставил eslint глобально, запустил: eslint --fix *.js 31 errors, 0 warnings potentially fixable with the --fix option. 16:11 error Expected indentation of 2 space characters but found 10 react/jsx-indent 69:11 error Expected indentation of 2 space characters but found 10 react/jsx-indent т.е по какой-то причине eslint не может исправить indent. .eslintrc.json выглядит следующим образом: { "extends": "airbnb", "rules": { "func-names": ["error", "never"], "react/jsx-indent-props": [4, 4] } } Версия ESLint(глобальная и локальная): ./node_modules/.bin/eslint -v v4.18.0 Краткое гугление - ничего внятного не выдало, по идее, indents eslint должен править. P.S Видел, что вы сообщение удалили про "умение читать", я благодарен, всем, кто тратит время на это, но зачем хамить ?

вообще это должно выглядеть так "react/jsx-indent-props": [“error”, 4],

Уже в последний раз запускал просто в директории, где нужные сорсы

в корне попробуй

Дмитрий

19.02.2018
14:02:10

я на ярне

?

Нах только npx тогда

Google

Дмитрий

19.02.2018
14:03:50

yarn изначально пробует резолвить файл из bin если не может понять команду, то есть действует как npx

??‮???∞?

19.02.2018
14:04:28

ребзя, запомните, в гугле нужно вводить МИНИМУМ слов на английском ТОЛЬКО ТО ЧТО НУЖНО если ищешь роутинг для реакта, то пишешь react routing или react router и открывать САМЫЕ ПЕРВЫЕ ссылки а также НЕОБХОДИМО ЧИТАТЬ содержимое открытой страницы если не в состоянии читать, нажать правой кнопкой мыши в любом пустом месте на странице и выбрать “Перевести на Русский” и читать

Я бы сказал не минимум, а набор тегов

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

Stepan

19.02.2018
14:05:43

yarn изначально пробует резолвить файл из bin если не может понять команду, то есть действует как npx

Охуенно, спасибо

Igor

19.02.2018
14:06:04

но не должен

А почему не должен то? С ключем --fix?

вообще это должно выглядеть так "react/jsx-indent-props": [“error”, 4],

Спасибо, исправил

rbsx

19.02.2018
14:06:21

ну это одолжение, а не обязанность

Oleg

19.02.2018
14:07:08

Вопрос по render props. Во всех примерах, создается новая анонимная функция, типа: <Foo render={(props) => ( <div>{props.bar}</div> )} /> Что определенно ломает стандартный shallowEqual. Как вы оптимизируете render props?

Сергей

19.02.2018
14:07:34

не понимаю зачем писать именно проп render

Stepan

19.02.2018
14:07:53

Вопрос по render props. Во всех примерах, создается новая анонимная функция, типа: <Foo render={(props) => ( <div>{props.bar}</div> )} /> Что определенно ломает стандартный shallowEqual. Как вы оптимизируете render props?

сделай не анонимную

положи куда-нибудь

Сергей

19.02.2018
14:08:08

ALFer

19.02.2018
14:08:15

а оно у тебя точно тупит?

Google

Stepan

19.02.2018
14:08:25

не понимаю зачем писать именно проп render

Тогда sCU не сработает

Ну, вернее, его нельзя будет толково настроить

Oleg

19.02.2018
14:08:52

разницы нет, будет сhildren измененный каждый раз

Сергей

19.02.2018
14:09:10

разницы нет, будет сhildren измененный каждый раз

как и в случае с render-проп

Oleg

19.02.2018
14:09:26

PureComponent сравнивает адекватно children только когда он тоже PureComponent

положи куда-нибудь

вообще да, это же не особо от хэндлеров отличается

Alex

19.02.2018
14:27:37

Приветы. Парни, можете подсказать куда почитать вот по какому вопросу. Есть скрипт, который делает cross-origin запросы. CORS, options и все радости на сервере есть. Теперь беру тот же скрипт и засовываю его в iframe (карма засовывает ? ), и всё магическим образом перестаёт работать. Чую, дело в iframe, но как-то с ним я никогда не пересекался раньше. Чего почитать про это? На mdn толком по вопросу ничего не нашёл

Razzwan

19.02.2018
14:29:18

А ошибки какие?

Andrey

19.02.2018
14:30:52

я же говорил, в чате нынче чисто реквесты в гугл хэндлят

Alex

19.02.2018
14:32:09

А ошибки какие?

обычные, cors-овые - браузер ничего не показывает и маркирует запрос как canceled

Igor

19.02.2018
14:33:40

Лол

Если что, то eslint отлично работает и с *js* и без него. Это так, для общего сведения)

Kool

19.02.2018
14:33:56

обычные, cors-овые - браузер ничего не показывает и маркирует запрос как canceled

а iframe куда ведёт?

Alex

19.02.2018
14:35:46

а iframe куда ведёт?

вот я пока хз. В src вообще написано about:blank. Но по идее вообще должен вести на localhost

Kool

19.02.2018
14:36:10

а он точно там нужен? )

Razzwan

19.02.2018
14:36:37

обычные, cors-овые - браузер ничего не показывает и маркирует запрос как canceled

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

Это лишь мысли вслух. С такими задачами не сталкивался

Alex

19.02.2018
14:37:41

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

Эм... ну т.е. в айфрейме нельзя открыть ни один SPA, чтоли?)

Kool

19.02.2018
14:37:52

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

но так корс то на стороне сервера

Razzwan

19.02.2018
14:38:27

но так корс то на стороне сервера

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

Kool

19.02.2018
14:38:40

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

совсем совсем

Google

Kool

19.02.2018
14:38:46

эта проверка чисто клиентская

просто так договорились

Razzwan

19.02.2018
14:39:22

Эм... ну т.е. в айфрейме нельзя открыть ни один SPA, чтоли?)

открывал во фрейме SPA. Возможно, там кросс доменных запросов не было.

просто так договорились

CORS, на сервере может проверять наличие заголовка Origin, который тоже автоматически браузером добавляется. Например, если такого заголовка нет - сервер может отдавать ошибку. Так что CORS и на клиенте тоже в виде обязательства добавлять заголовок Origin

Denis

19.02.2018
14:40:51

всем, привет. а подскажите канал по поиску соискателей, ищем frontend-разработчиков под react

спасибо!

Andrey

19.02.2018
14:41:58

Поправил

Igor

19.02.2018
14:42:02

БОЛЬШАЯ парсер аргументов парсит —fix foo не так как просто —foo —foo bar в этом случае bar будет ЗНАЧЕНИЕМ FOO

Это же не так работает *js* это же просто регулярка, по которой брать файлы. Работает одинаково и с ней, и без нее. Да только вот так и не заработало. Нашел в issues баг 2016 кода, когда эту ошибку плагин не мог исправить, но ее пофиксили. https://github.com/yannickcr/eslint-plugin-react/issues/628#issuecomment-226334420

Pauline

19.02.2018
14:43:09

@javascript_jobs

Kool

19.02.2018
14:44:30

CORS, на сервере может проверять наличие заголовка Origin, который тоже автоматически браузером добавляется. Например, если такого заголовка нет - сервер может отдавать ошибку. Так что CORS и на клиенте тоже в виде обязательства добавлять заголовок Origin

Content from about:blank and javascript: URLs inherit the origin of the document that loaded the URL

то есть origin у нас всё тот же example.com

обычные, cors-овые - браузер ничего не показывает и маркирует запрос как canceled

точно заголовки выставлены верно?

Razzwan

19.02.2018
14:47:31

Эм... ну т.е. в айфрейме нельзя открыть ни один SPA, чтоли?)

Получается, что тебе нужно добавить в список разрешенных доменов текущий домен, вместо того, страницу которого ты загружаешь через iFrame. Такой вывод из выше написанного ;)

Kool

19.02.2018
14:48:05

Покажи как выглядят настройки

Razzwan

19.02.2018
14:49:53

Эм... ну т.е. в айфрейме нельзя открыть ни один SPA, чтоли?)

https://developer.mozilla.org/ru/docs/Web/Security/Same-origin_policy#%D0%9D%D0%B0%D1%81%D0%BB%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_origins ссылка на доку

Alex

19.02.2018
14:50:38

точно заголовки выставлены верно?

ну вроде да. Вне iframe все прекрасно работает

Razzwan

19.02.2018
14:51:25

ну вроде да. Вне iframe все прекрасно работает

Нужно попросить бекэнд добавить в список разрешенных Origin текущий домен

Alex

19.02.2018
14:51:37

Нужно попросить бекэнд добавить в список разрешенных Origin текущий домен

Там и так *

Kool

19.02.2018
14:52:04

нет идей

Alex

19.02.2018
14:53:10

нет идей

спасибо энивей)

Google

Kool

19.02.2018
14:53:19

спасибо энивей)

маякни как решишь, интересно

Razzwan

19.02.2018
14:53:20

Там и так *

Возможно, какая-то ошибка связи со стором?

Alex

19.02.2018
14:54:10

Возможно, какая-то ошибка связи со стором?

а стор это кто?

Andrey

19.02.2018
14:55:00

Поюзил я nextjs ) прикольно!! ) Хочется попробовать на новом проекте. Есть ли что-то ужасное ?

Andriy

19.02.2018
14:56:22

Привет ребята

? ethorz

19.02.2018
14:56:39

Поюзил я nextjs ) прикольно!! ) Хочется попробовать на новом проекте. Есть ли что-то ужасное ?

есть, javascript

Andriy

19.02.2018
14:56:41

Скажите кто-нибудь, в чем преимущество иммутабельности?

Razzwan

19.02.2018
14:56:42

а стор это кто?

Возмжоно, у тебя ломаются url-ы, т.к. они создаются автоматически из текущих данных. Получается вместо https://iframe.domain/end/poitn у тебя формируется запрос на https://curren.domain/end/point - похоже на правду

Andrey

19.02.2018
14:57:09

есть, javascript

жс самый популярный язык же. в нём не может быть минусов!(!)

Дмитрий

19.02.2018
14:57:26

есть, javascript

Искромётно ?

Andriy

19.02.2018
14:57:30

Почему Redux иммутабелен? В чем преимущество?

Razzwan

19.02.2018
14:57:30

Скажите кто-нибудь, в чем преимущество иммутабельности?

Основное преимущество в Record-ах, которые добавляют данные по-умолчанию, и никогда не ломают код. Даже если данные, приходящие из API изменяются

? ethorz

19.02.2018
14:57:44

популярен клип ак 47 азино 3 топора, это не значит что он охуенный

Дмитрий

19.02.2018
14:57:55

Скажите кто-нибудь, в чем преимущество иммутабельности?

Предсказуемость

Andriy

19.02.2018
14:58:05

А чем тогда хуже MobX

?

Который не юзает иммутабельность?

Дмитрий

19.02.2018
14:58:17

А чем тогда хуже MobX

Чем редакс

Andrey

19.02.2018
14:58:24

Почему Redux иммутабелен? В чем преимущество?

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

Andriy

19.02.2018
14:58:45

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

Ты лично сталкивался с этой проблемой?

Google

Дмитрий

19.02.2018
14:59:14

Ща вас тут всех на чистую воду выведут

Razzwan

19.02.2018
14:59:22

Почему Redux иммутабелен? В чем преимущество?

преимущество в процессе рендеринга компонентов React. Они перерендериваются, когда равенство oldValue === newValue дает false. Иммутабельность обеспечивает нам это

Aleksey