если эти три задачи он назвал рутинными

а почему не можешь запустить?

Он устарел и по инструкции от разработчика просто не работает

Он устарел и по инструкции от разработчика просто не работает

ну что пишет

Ребят, ни разу не был на конференциях, но смотрел иногда записи. Тут выпала возможность приехать в Москву во время рит++. Есть смысл платить 21к за это?

Если не знаешь зачем ехать, то смысла не особо много. Если есть лишние деньги, можно сьездить и посмотреть что и как.

там же версии пакетов т указаны не новые

Если не знаешь зачем ехать, то смысла не особо много. Если есть лишние деньги, можно сьездить и посмотреть что и как.

А зачем ездят по твоему мнению?

ну что пишет

npm install npm start Развлекаться

по моему достаточно прочитать вот это

readme на русском — уже звоночек

там же версии пакетов т указаны не новые

Да, но только если обновить, то загвоздка та же

шутка ли, требование "не мутировать стейт" уже само по себе может вызывать проблемы (к счастью, пока не у меня), если вложенности нормально и вот гадаю, как лучше сделать: юзать lodash/fp или сразу обмазаться immutable-js

Будто портал в 2015 год открылся

Именно поэтому заинтересован, как бы это поднять все

И, пожалуй, повторно прикрепляю беседу с этим разработчиком

Приветствую! Продублирую сюда, так как для меня вопрос встал довольно остро, надеюсь на понимание: В ознакомительных целях был интерес запустить Ваш проект на гитхабе. Как итог - ошибка после npm start. Банально пишет: "webpack: Failed to compile" после нескольких билдов. Попытался самостоятельно исправить, но, к сожалению, не вышло. Пакеты обновлял, к слову, результата не дало. Npm install прописывал, всё поставилось, а далее - никакого результата. Даёт мне пустой локалхост, который работает, но визуально - пусто. Не могли бы немного помочь запустить это дело? Прикладываю ссылку Вашего репозитория. https://github.com/rtivital/react-challenge-sort-and-search/tree/build-update Надеюсь на ответ и заранее благодарю!

проект заброшен, я не представляю как его можно запустить сейчас, возьми любой дургой готовый бойлерплэйт вроде create-react-app, все будет работать

Уточню: начать пустой проект, прогнать через create-react-app и перетащить содержимое заброшенного проекта?

там все сгенерится автоматически из старого только данные нужны https://github.com/rtivital/react-challenge-sort-and-search/blob/master/public/data.json

Будто портал в 2015 год открылся

с тех пор так и не произошло события "все резко перешли на typescript" или "все резко перешли на flow" лучше бы одно из них отмерло, ей б-гу

Да, но только если обновить, то загвоздка та же

а про то что если он раньше запускался с такими версиями пакетов то почему сейчас не запускается?

кстати, я был слегка ошарашен, когда не нашел ни одного нормально работающего компонента ввода телефона с поддержкой разных масок из того же google-libphonenumber показалось, что проще вообще не форматировать номер тогда такое ощущение, что про libphonenumber вообще никто толком не знает

https://everdimension.github.io/react-formatted-input/ но он немного заброшенный и в процессе переписывание заново)

а про то что если он раньше запускался с такими версиями пакетов то почему сейчас не запускается?

Насколько я видел, все отлично запускалось, судя по логам и ответам

с тех пор так и не произошло события "все резко перешли на typescript" или "все резко перешли на flow" лучше бы одно из них отмерло, ей б-гу

резко перешли, долгосрочные проекты остались теми же

Проблема только в устаревании проекта и том, как его вернуть к жизни

с тех пор так и не произошло события "все резко перешли на typescript" или "все резко перешли на flow" лучше бы одно из них отмерло, ей б-гу

Проект без типизации в 2018 — должно быть стыдно

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

а про то что если он раньше запускался с такими версиями пакетов то почему сейчас не запускается?

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

А зачем ездят по твоему мнению?

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

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

Проект без типизации в 2018 — должно быть стыдно

с CRA удобнее использовать Flow, vscode дополняет по TS, а на практике попадаются либы вообще без тайпингов так это все бесит, что хоть на Elm пиши

с CRA удобнее использовать Flow, vscode дополняет по TS, а на практике попадаются либы вообще без тайпингов так это все бесит, что хоть на Elm пиши

тогда будет ситуация, что либ вообще нет

да

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

Вжух

Как в moment.js вывести день недели в формате «в понедельник, во вторник, …»?

Там вон выше инпут для телефонов искали

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

так это, элм по-другому и не дает писать

Инпуты для номеров тоже, прикинь)

Которых полтора за последние годы. Я к тому что важный код который не написан на эльме никуда не денется

да я понимаю, что элмом бесполезно пользоваться, потому что на нем ничего нет

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

емнип, второе

Она не выполняется

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

Вроде, в контексте куда мы ее передаем.Тогда почему если мы передаем функцию с setState,то мы меняем стейт родителя,а не ребенка

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

это уже вопрос с собеседования прям :)0

Она не выполняется

я имею ввиду с вызовом

Вроде, в контексте куда мы ее передаем.Тогда почему если мы передаем функцию с setState,то мы меняем стейт родителя,а не ребенка

что ты имеешь в виду?

Как в moment.js вывести день недели в формате «в понедельник, во вторник, …»?

можно типа такого moment("2018-04-18T00:00:00-13:00").lang('ru').calendar() если покастомизирование можно как минимум воспользоваться словарём, где уже есть все склонения moment().lang('ru').localeData()._weekdays.format

если вы ее забиндили - то очевидно, что в контексте родителя. Если нет - в контексте ребенка

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

если вы ее забиндили - то очевидно, что в контексте родителя. Если нет - в контексте ребенка

А почему тогда,если мы передаем функцию с функцией setState она меняет стейт родителя?

Мне кажется был бы полезен компонент, который назывался бы dropdown, но не отвечал бы за состояние открытия/закрытия и вообще за те элементы, которые его открывают/закрывают Такой компонент был бы именно _дропдауном_ — окошком, которое открывается Задачи этого компонента — брать на себя фокус при открытии, опционально слушать нажатие escape и outside click (или даже может добавлять подложку), мб добавлять какие-то aria-атрибуты (хотя кажется кроме айди не надо ниче) Вероятно это и не "дропдаун" должно называться. Поведение такое полезно и для тултипчиков, которыми хочется управлять с клавиатуры, и может для каких-нибудь немодальных диалогов (ну и для модальных тоже). Как считаете?

А почему тогда,если мы передаем функцию с функцией setState она меняет стейт родителя?

какая разница с чем мы передаем функцию? Если в конструкторе выполнен бинд - она привязывается к тому классу, где объявлена

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

https://stackoverflow.com/questions/35537229/how-to-update-parents-state-in-react Вот.По вашему сообщению выше эта функция должна менять стейт ребенка,а не родителя.Но меняет родителя

Где я написал что она должна менять стейт ребенка? Если она привязана в родительском конструкторе - то она и меняет стейт родителя

если мы передаем функцию ребенку - то мы ее биндим обязательно, чтобы не терялся контекст

Где я написал что она должна менять стейт ребенка? Если она привязана в родительском конструкторе - то она и меняет стейт родителя

А автобинд идет к компоненту,где эта функция объявлена,да?

Нет, мы должны в конструкторе забиндить ее, либо объявить как arrow function, но тогда нам вроде как нужен плагин который эту арроу фанкшн все-равно переделает в бинд в конструкторе

А автобинд идет к компоненту,где эта функция объявлена,да?

https://reactjs.org/docs/handling-events.html

Нет, мы должны в конструкторе забиндить ее, либо объявить как arrow function, но тогда нам вроде как нужен плагин который эту арроу фанкшн все-равно переделает в бинд в конструкторе

Эээээ

Ты чего

??

Класс проперти же

Который равен () =>

Ничего там биндится не будет

Сейчас у меня функция с setState меняет стейт родителя.А я захотел поменять стейт ребенка

Ничего там биндится не будет

Будет Бабелем

Будет Бабелем

Разве?

ERROR: S client not available

Не уверен, смотря какой конфиг

Ничего там биндится не будет

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

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

не будет. Зfйlи в бабель плейграунд

Либо байнд, либо в конструкторе объявление this.method = () => {}

он просто выше сохранить контекст типа _this1 и все

не будет. Зfйlи в бабель плейграунд

Это если в ес6 транспилить А в ес5, скорее всего, будет

Object.defineProperty если включен режим spec

Сейчас у меня функция с setState меняет стейт родителя.А я захотел поменять стейт ребенка

ну так создай ребенку свой стейт и в ребенке меняй его. Но это плохая практика(хранить контейнер в контейнере), лучше вынеси стейт в родителя

Короче да

Не будет он ничего байндить

Для тех, кто говорил что не будет: https://medium.com/@machnicki/handle-events-in-react-with-arrow-functions-ede88184bbb

Object.defineProperty если включен режим spec

☝️ единственный альтернативный вариант у бабеля

Что-то я не нашел там этого

хорошо, сейчас специльно для вас сделаю скрин

В любом случае обычные method() {} более производительны, так как они в протитип записываются, а не создаются/байндятся при создании класса Но тогда все равно придётся байндить, но уже вручную Поправьте, если не прав

все верно

https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&code_lz=MYGwhgzhAEDKD2BbAprAFgSwC7QN4ChpoIlVMsAJMAOwBMRkAnaAXmgAoBKVgPmmHjUQ8BgDphAc3YByAGIBXYAGtoKaZ3wBfIA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&lineWrap=true&presets=es2015%2Ces2016%2Ces2017%2Creact%2Cstage-0%2Cstage-2&prettier=false&targets=&version=6.26.0&envVersion=

() => только для реакт классов

В любом случае обычные method() {} более производительны, так как они в протитип записываются, а не создаются/байндятся при создании класса Но тогда все равно придётся байндить, но уже вручную Поправьте, если не прав

А статические функции ещё быстрее будут))

All what you need is to install stage-1 Babel preset and use arrow functions. If you don’t know, how to do this, go to Babel documentation, it’s very good.

как я и говорил

7 бабель смотри

вопрос по сторибуку хочу заимпорить в сторибук какой-то кусок стилей не относящийся к компонентам и получаю Module not found: Error: Can't resolve '../assets/fonts/google/open-sans-cyrillic-ext.woff2' in '/home/ ... /src/components/UI/Status'

Я чет все равно не вижу ничего про bind

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

хотя цсс импортится не в нем

>сss

уди

Я чет все равно не вижу ничего про bind

Тут нет ничего про бинд. Стрелочная функция плюс пресет это альтернатива

?

ребят, привет вопрос наверное старый как реакт но, как вы организовываете структуру своих приложенек? я пришел к организации по фичам, но в итоге в папке common у меня 40+ компонентов и как то это немногим отличается от складирования в папку components