https://github.com/date-fns/date-fns как вариант

Ребят, а не подскажите какими сборщиками пользуетесь для разработки компонентов с последующей публикацией в npm?

Всем спасибо)

Ребят, а не подскажите какими сборщиками пользуетесь для разработки компонентов с последующей публикацией в npm?

Выбор не велик :) babel / webpack / rollup

Ребят, а не подскажите какими сборщиками пользуетесь для разработки компонентов с последующей публикацией в npm?

Уточни, сборщик для тебя - это task runner или module bundler?

Есть другой вопрос. Нужна тулза для линтинга имен файлов. Есть что-нибудь такое? Например, чтобы файлы не содержали символы, кроме как "-" и ".", а также заглавные буквы. При этом разрешить добавлять список исключений аналогично .npmignore или .gitignore

Т.е. gulp/grunt/brunch или webpack/rollup

Уточни, сборщик для тебя - это task runner или module bundler?

В идеале чтото вроде create-react-app, чтоб сразу подготовить проект со всеми тасками и структурой =)

Ребят, а не подскажите какими сборщиками пользуетесь для разработки компонентов с последующей публикацией в npm?

https://habrahabr.ru/post/326090/#first_unread

https://habrahabr.ru/post/326090/#first_unread

Спасибо

Сюда нельзя

В @javascript_jobs можно

В @javascript_jobs можно

Думал там только Козуля и hr'ы сидят

Козуля и 2056 эйчаров?

АХАХ

300 спартанцев и Леонид

Козуля, эйчары и "вахтеры"

Опять нонеймы рвутся

как я понял вначале реакт создает this.props.children без того что я передаю

ну так изначально ты пропсы не передаешь, которые обязательны. не надо так

Есть другой вопрос. Нужна тулза для линтинга имен файлов. Есть что-нибудь такое? Например, чтобы файлы не содержали символы, кроме как "-" и ".", а также заглавные буквы. При этом разрешить добавлять список исключений аналогично .npmignore или .gitignore

если предполагать, что все файлы в итоге импортируются в жс, то можно смотреть в сторону плагинов для eslint

Есть другой вопрос. Нужна тулза для линтинга имен файлов. Есть что-нибудь такое? Например, чтобы файлы не содержали символы, кроме как "-" и ".", а также заглавные буквы. При этом разрешить добавлять список исключений аналогично .npmignore или .gitignore

Я такой вопрос на код-ревью решал

После первого раза человек запоминает

Есть другой вопрос. Нужна тулза для линтинга имен файлов. Есть что-нибудь такое? Например, чтобы файлы не содержали символы, кроме как "-" и ".", а также заглавные буквы. При этом разрешить добавлять список исключений аналогично .npmignore или .gitignore

Есть для ESLlint плагин https://www.npmjs.com/package/eslint-plugin-filenames

а что щас модно для сетки юзать?

После первого раза человек запоминает

В наш век big data machine learning data science это непозволительная роскошь! :)

bulletproof решение

женя

ты что-то про сетку говорил

помнится

flexboxgrid.com?

+ https://github.com/sricho/react-flexboxgrid

ок, гляну

+ https://github.com/sricho/react-flexboxgrid

Они норм апи сделали

Есть для ESLlint плагин https://www.npmjs.com/package/eslint-plugin-filenames

Да, но чё-то там тишина с поддержкой https://github.com/selaux/eslint-plugin-filenames/pull/14 :)

Пингани

Го флуд

Написал

существует какой нибудь человеческий способ в redux-form получить сразу состояние формы, если очень просто то хочу деструктуризацию полей формы сразу но они не успевают инициализироваться. Уже все перепробовал.

существует какой нибудь человеческий способ в redux-form получить сразу состояние формы, если очень просто то хочу деструктуризацию полей формы сразу но они не успевают инициализироваться. Уже все перепробовал.

что значит "деструктуризация"?

через props хочу сразу получить значения но их там еще не существует

Так получи их в методе componentWillReceiveProps

А когда значения появляются?

со второго раза

можно вот этим action-ом воспользоваться http://redux-form.com/6.6.2/docs/api/ActionCreators.md/#-initialize-form-string-data-object-keepdirty-boolean-options-keepdirty-boolean-keepsubmitsucceeded-boolean-

В нем ты установишь значения до первого render-а

ага, спасибо, думал смотрел в эту сторону но думал проще есть способ

проще: не использовать redux-form

проще: не использовать redux-form

начинать сложно. Потом, они существенно упрощают жизнь. Но да, на то, чтоб разобраться, я потратил недели две

Мне redux-form сильно руки развязал, не смогу от него отказаться

проще: не использовать redux-form

я без редакс форм писал проект 2 месяца, т.к. там сложные формы были. Думаешь, у меня лучше получилось? Я бы тоже так хотел думать, - но по факту, то же самое, только чуть более непонятное, чуть более тормозящее, и чуть менее функциональное. Хотя, конечно, верю, что у кого-то может получиться и более оптимально без redux-form

хз для простых наоборот форм нормально кажется только

Что есть сложные формы? Зависимости между инпутами или что?

Что есть сложные формы? Зависимости между инпутами или что?

Под сложностью я понимаю формы, которые имею бесконечное множество добавляемых-удаляемых элементов. Чем больше таких элементов - тем сложнее форма.

Например, мы можем добавить задачу, и множество подзадач для нее за один раз. Для подзадач, можем сразу добавить множество пунктов, подпунктов и т.д.

Зависимости между формами не решают redux-forms

Зависимости между формами не решают redux-forms

Написал свою либу для менеджмента стейта форм любой сложности за недельку

Правда для mobx

Мне хватило одного класса-стора.

@DenisIzmaylov https://github.com/selaux/eslint-plugin-filenames/pull/14

easy peasy

А как вы разруливаете формы с множеством синхрлнных и асинхронных валидаторов навешенных на каждое поле

ERROR: S client not available

Например значение поля должно быть числом. Число должно быть от 5 до 500. Если чётное то посылаем 3 запроса паралельно и ждём результат. Если не чётное то посылаем 3 запроса последовательно и каждый раз ожидаем что в ответе error будет отсутствовать. И только тогда поле валидно

))) как вам такое? Редукс форм в такое пади не умеет.

видел в сети туториалы redux-form + yup

И там такое было возможно?

в yup есть схема + асинхронная валидация

ребята есть вопросик по реакту! есть компонент (карта) Map.js внутри нее лежит компонент из гитхаба у которого на пропсах есть center если обновлять центр то соответств обновится центр карты. все хорошо сделал экшен на обновления центра карты все работает как часы. появилась необходимость добавить в компоненте (Map.js) показывать убирать инфобокс. решил все сделать через родной стейт (setState) но все бы хорошо теперь если карту поскроллить и отработать этот ивент карта вернется на место старого center. что делать в этом случае?) SCU непонятно как тогда показывать инфобокс

ребята есть вопросик по реакту! есть компонент (карта) Map.js внутри нее лежит компонент из гитхаба у которого на пропсах есть center если обновлять центр то соответств обновится центр карты. все хорошо сделал экшен на обновления центра карты все работает как часы. появилась необходимость добавить в компоненте (Map.js) показывать убирать инфобокс. решил все сделать через родной стейт (setState) но все бы хорошо теперь если карту поскроллить и отработать этот ивент карта вернется на место старого center. что делать в этом случае?) SCU непонятно как тогда показывать инфобокс

Попробуй центр задавать в конструкторе передав его в стейт. После этого повторные приходы новых пропсов не перетрут твой центр

я заговнокодил через рефы

но спасибо за подсказку

Кстати) если понадобится повторно установить центр наверное придётся мудрить с дополнительным полем)

Пропсом тоесть

да в том и фишка что нужно устанавливать постоянно. через рефы благо есть функция в либе setCenter ставлю теперь ее + диспатчу новый центр

а на самой карте вообще не указываю

что бы при апдейте не дергался

@DenisIzmaylov https://github.com/selaux/eslint-plugin-filenames/pull/14

Спасибо / круто :)

Как обновить ноду на линуксе, куча ошибок(

Как обновить ноду на линуксе, куча ошибок(

А почему ты не юзаешь npm n

/stat@combot

combot.org/chat/-1001032883247

Парни, реакт роутер 4, есть возмоно сделать layout в нутри которых будут возвращатся остальные роуты как в старых версиях ?

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

то есть вложенности теперь нет ?

<Route path="/"> <Route parh="home" /> </Route>

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

оборачиваешь роуты в лэйаут - и все.

как значение seconds передать в current? const current = whoosh.getCurrentTime((seconds) => console.log('at ' + seconds))

return seconds?

как значение seconds передать в current? const current = whoosh.getCurrentTime((seconds) => console.log('at ' + seconds))

seconds это переменная есть в области видимости, или она undefined?

как вы делаете разбиение env на проде? обычно в приложении есть dev и prod, dev локально, prod на сервере.Но что если prod не один? к прмеру есть dev-app.com где лежит текущая prod версия в разработке, staging-app.com, где предрелизная версия, и app.com реальный прод, и все они используют разные версии api, и немного разные настрокйи по сбору ошибок, логгированию.

seconds есть только в этой функции

как вы делаете разбиение env на проде? обычно в приложении есть dev и prod, dev локально, prod на сервере.Но что если prod не один? к прмеру есть dev-app.com где лежит текущая prod версия в разработке, staging-app.com, где предрелизная версия, и app.com реальный прод, и все они используют разные версии api, и немного разные настрокйи по сбору ошибок, логгированию.

dev, test, prod