Используя babel-loader

Скорее всего webpack перевел на обычный js когда ты запустил что то типа npm run dev

Т.е. у IDE что-то под капотом есть своё, без необходимости что-то ставить сверху? Но, в несколько ограниченном варианте?

Babel конвертирует новый жс код, который браузеры еще не поддерживают в старый вид, который умеют все браузеры

Ну на основании набора плагинов

Ну на основании набора плагинов

т.е. в теории, если у меня кейс исключительно на последний хром, то могу и обойтись?

т.е. в теории, если у меня кейс исключительно на последний хром, то могу и обойтись?

Не факт.

Вообще поставь babel-preset-env и таргет на последний хром. Меньше головной боли будет.

т.е. в теории, если у меня кейс исключительно на последний хром, то могу и обойтись?

Конечно нет

Babel конвертирует JSX в обычный жс

Т.е. у IDE что-то под капотом есть своё, без необходимости что-то ставить сверху? Но, в несколько ограниченном варианте?

Нет, но некоторые умеют использовать npm модули которые ты поставил в node_modules

Например можно установить jest библиотеку для тестов, и тот же storm умеет их запускать если ему сказать где этот jest

Если у меня в package.json: "devDependencies": { "babel-cli": "^6.26.0", "babel-preset-env": "^1.6.1", "babel-preset-react": "^6.24.1", "webpack": "^1.12.12" } - можно считать, что я справился (подключил babel) и у меня всё будет работать нормально по npm run start?

Если у меня в package.json: "devDependencies": { "babel-cli": "^6.26.0", "babel-preset-env": "^1.6.1", "babel-preset-react": "^6.24.1", "webpack": "^1.12.12" } - можно считать, что я справился (подключил babel) и у меня всё будет работать нормально по npm run start?

А в .babelrc что?

{ "presets": [ ["latest", {"modules": false}], "react", "stage-0" ], "plugins": [ "transform-decorators-legacy", "transform-object-assign", "transform-object-rest-spread", "transform-react-jsx-img-import" ], "env": { "dev": { "plugins": [ "react-hot-loader/babel" ] } } }

{ "presets": [ ["latest", {"modules": false}], "react", "stage-0" ], "plugins": [ "transform-decorators-legacy", "transform-object-assign", "transform-object-rest-spread", "transform-react-jsx-img-import" ], "env": { "dev": { "plugins": [ "react-hot-loader/babel" ] } } }

Зачем тебе stage-0?

Зачем тебе stage-0?

Остатки с другого проекта. Чужого

У меня вот так.

Поставь себе только хром.

Ништяки. Выглядит похоже =)

{ "presets": [ [ "env", { "targets": { "browsers": [ "last 2 Chrome versions", "last 2 Firefox versions", "last 2 Edge versions", "last 2 Opera versions", "ie 11" ] }, "usingBuiltIns": true } ], "react" ], "plugins": [ ["transform-object-rest-spread", { "useBuiltIns": true }], "react-hot-loader/babel", ["transform-class-properties", { "spec": true }], "lodash" ] }

Ой, спасибо. Прям для ленивых)

А зачем babel-preset-env если в .babelrc прописан “latest”?

А зачем babel-preset-env если в .babelrc прописан “latest”?

https://babeljs.io/docs/plugins/preset-latest/

Потому что он deprecated

Ну я о том и говорю Не так сформулировал В .babelrc надо env вписать

Ну я о том и говорю Не так сформулировал В .babelrc надо env вписать

Ага, понял, принял.

Мой пресет вот так выглядит

Как оформлять - дело вкуса?

Да.

100%

Вообще я бы взял prettier, но как-нибудь позже.

Щас у каждого второго свой code style :D

парни, а eslint умеет исправлять автоматически то, что ему не нравится?

Я пользуюсь prettier-eslint со слегка подкрученным конфигом Airbnb

парни, а eslint умеет исправлять автоматически то, что ему не нравится?

Да, но не все

Умеет, но не все

Да

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

Например он не будет прибивать unused variable

ага, так и думал, спасибо!!!

Но а так да

Надо открыть файл конфига и выставить autofixonsave

парни, а eslint умеет исправлять автоматически то, что ему не нравится?

Да, но не всё.

В доке есть столбец, где показывается какое правило может быть исправлено.

всем спасибо, буду пробовать ?

Всем привет, подскажите, как вы используете написание тестов на jest для react

Всем привет, подскажите, как вы используете написание тестов на jest для react

В плане?

Есть ли возможность насильно разрушить компонент? Мне нужно чтоб форма полностью перестроилась после сабмита. А она сохраняет старые значения. ComponentWillUnmount не вызывается, резет не помогает

Есть ли возможность насильно разрушить компонент? Мне нужно чтоб форма полностью перестроилась после сабмита. А она сохраняет старые значения. ComponentWillUnmount не вызывается, резет не помогает

componentWillMount вызывается только при первом рендере. Дальше либо componentWillReceiveProps, либо shouldComponentUpdate

нене сорри я имела ввиду ComponentWillUnmount

Ааа

Как оно рендерится изначально?

Можно попробовать this.forceUpdate(), но я хз как оно у тебя устроено

Можно попробовать this.forceUpdate(), но я хз как оно у тебя устроено

Лучше так не делать никогда

Лучше так не делать никогда

Я не спорю

Но я ж не в курсе в чем конкретно проблема)

Как оно рендерится изначально?

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

ее надо типа РЕинициализировать

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

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

Попробуй в reducer'ах form: formReducer.plugin({ 'имя-формы': (state, action) => { switch(action.type) { case 'КОГДА_ВСЕ_СДЕЛАНО': return undefined; default: return state; } } })

ее надо типа РЕинициализировать

import { destroy } from 'redux-form'; dispatch(destroy('my-form-name'));

ERROR: S client not available

подскажите, можно ли встроеными в js методами конвертировать вот этот формат времени или придется парсить? 2018-01-07T22:47:25.866128+03:00

зачем гемор...

moment и готово :)

toISOString() не подходит?

moment и готово :)

Тяжелый он

Почему eslint считает spread в цикле созданием функции? Что за дичь?

Есть способы это обойти?

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

всем хай, есть такой кейс - есть несколько апи-ендпоинтов, мне нужно с них сфетчить данные (исходные данные для селектов всяких и т.д), как это красиво сделать ? на каждый эндпоинт своя пачка экшенов , или как-то все в одном ?

Почему eslint считает spread в цикле созданием функции? Что за дичь?

Парсер точно babel-eslint?

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

Попробуй http://npm.im/transliteration И слинкуй инпуты просто

Попробуй http://npm.im/transliteration И слинкуй инпуты просто

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

Парсер точно babel-eslint?

Ну который в комплекте с cra идет, я хз.

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

<input onChange={linkState('cyrillic')}> <input value={transliterate(this.state. cyrillic)}> Как-то так

окей !

Парсер точно babel-eslint?

Меня в общем то интересует нормальное ли это поведение и я чего-то не понимаю, или же баг?

Меня в общем то интересует нормальное ли это поведение и я чего-то не понимаю, или же баг?

Похоже на баг

Тогда репорт и игнор предупреждения :)

Покажи что у тебя в .eslintrc/package.json

Меня в общем то интересует нормальное ли это поведение и я чего-то не понимаю, или же баг?

возможно ругется на то, что используется переменная из outer scope, но хз, странно

Попробуй yarn add -D babel-eslint (или через npm) И в eslintrc добавить "parser": "babel-eslint"

возможно ругется на то, что используется переменная из outer scope, но хз, странно

Там следующая конструкция: переменная из outerScope + for in > outerScrope var usage is ok + forEach > outerScope usage causes warns

+ и > иерархия

Попробуй yarn add -D babel-eslint (или через npm) И в eslintrc добавить "parser": "babel-eslint"

А хотя не

В react-app он уже прописан

Не надо

чуваки как правильно читать данные со стора redux ?

Посоны, кто-нить Next.js в продакшене использует? Если да, поделитесь ощущениями

чуваки как правильно читать данные со стора redux ?

через какой-нить reselect? или что именно интересно?