как написать это на класс компоненте?

с кажите, я в реакт state ставлю как const [app, setApp] = React.useState<MobileApplication.AppMobile>(() => { let appTemp = new MobileApplication.AppMobile(); appTemp.currentStep = MobileEnums.StepsEnum.Sum; return appTemp; }); - расчитываю что будет объек моего типа AppMobile - а он object #чезахерня ?

а зачем ты в useState передаешь функцию ?

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

функцию по документации передавтаь можно

как написать это на класс компоненте?

в конструкторе state проинициализировать

useEffect(() => { if(snackbarState){ const timer = setTimeout(() => { setForm(prevState => ({...prevState, snackbarState: false})) }, 5000); return () => clearTimeout(timer); } })

return () => clearTimeout(timer); что это?

как это в класс компоненте написать

то есть где?

то есть где?

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

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

Вот это то что надо , как такое можно реализовать на реакте с редаксом?

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

есть тут кто-то с опытом большого проекта на ts? как полёт? есть подводные камни? сколько занимает время компиляции?

return () => clearTimeout(timer); что это?

https://ru.reactjs.org/docs/react-component.html#componentwillunmount или https://ru.reactjs.org/docs/react-component.html#componentdidupdate

есть тут кто-то с опытом большого проекта на ts? как полёт? есть подводные камни? сколько занимает время компиляции?

начал небольшой. лучше чем без него, но работы с ним больше

Вот это то что надо , как такое можно реализовать на реакте с редаксом?

вот это https://www.npmjs.com/package/react-tabs-redux пробовали ? если не как готовое решение то за основу концепции

Подскажите какой нибудь современный нормальный слайдер(не картинок) с возможностью программно слайдить содержимое

есть тут кто-то с опытом большого проекта на ts? как полёт? есть подводные камни? сколько занимает время компиляции?

Все отлично

>Ещё одна причина не использовать геттеры в своем коде. Они не очевидны (c) Why Typescript is bad У меня вопрос, а когда их (геттеры) надо использовать? Чтобы прям никак без них?

>Ещё одна причина не использовать геттеры в своем коде. Они не очевидны (c) Why Typescript is bad У меня вопрос, а когда их (геттеры) надо использовать? Чтобы прям никак без них?

когда делаешь computed поля

когда делаешь computed поля

ну доку-то я читала, почему нужно это геттерами делать? Я просто пока не встречала их в использовании (или может они либами отрабатываются и я не вижу). Или мы обходимся другими подходами.

ну доку-то я читала, почему нужно это геттерами делать? Я просто пока не встречала их в использовании (или может они либами отрабатываются и я не вижу). Или мы обходимся другими подходами.

get/set это классическое ооп, и если ты оперируешь в программе сущностями как классами тогда тебе нужны get/set

Ребята, привет. подскажите, кто-то сталкивался или делал дропдаун допустим с 1 по 10(это как пример) где ты можешь выбрать диапозон. Допустим выбираешь 2 и 6 и все что между ними выделается в точности 3, 4, 5? Буду благодарен за любую инфу

get/set это классическое ооп, и если ты оперируешь в программе сущностями как классами тогда тебе нужны get/set

поняла, спасибо. Нет классов, нет проблем.

get/set это классическое ооп, и если ты оперируешь в программе сущностями как классами тогда тебе нужны get/set

Геттер и сеттер есть в любом случае только у классов. Тут вопрос в отличии простого поля от поля с геттером и сеттером

поняла, спасибо. Нет классов, нет проблем.

https://learn.javascript.ru/private-protected-properties-methods

всем рпивет, кто-нибудь с http://threejs.org/ работал?

Геттер и сеттер есть в любом случае только у классов. Тут вопрос в отличии простого поля от поля с геттером и сеттером

геттер есть у объектов тоже если что 🙂 и различие класси и объекта в js это уже штука тонкая и я бы просто не копал бы в эту сторону если не нужно

геттер есть у объектов тоже если что 🙂 и различие класси и объекта в js это уже штука тонкая и я бы просто не копал бы в эту сторону если не нужно

Мы оба поняли, о каких геттерах и сеттерах идёт речь. Вы их не используете напрямую в объекте

Ребята подскажите хороший пример по localStorage

Гайз, у кого-то был проект CRA + TS + Storybook + CSS modules?

get/set это классическое ооп, и если ты оперируешь в программе сущностями как классами тогда тебе нужны get/set

Если у тебя везде get/set ты оперируешь данными а не сущностями)

Как в классическом процедурном программировании

Ребята подскажите хороший пример по localStorage

https://developer.mozilla.org/ru/docs/Web/API/Storage

Ну я хочу почитать на русском.

https://rajdee.gitbooks.io/redux-in-russian/content/docs/advanced/Middleware.html Но, я не уверен, что это самый свежий перевод

Спасибо

https://learn.javascript.ru/private-protected-properties-methods

ага, спс. Ну да, обычно функции. В практике не видела чистых get-set. Object.defineProperty() тоже не могу найти, в какой ситуации мне был бы нужен. Меня интересует в контексте, если у TS проблемы с геттерами, то когда я эти проблемы получу и получу ли. Если писать на хуках + ТС.

ага, спс. Ну да, обычно функции. В практике не видела чистых get-set. Object.defineProperty() тоже не могу найти, в какой ситуации мне был бы нужен. Меня интересует в контексте, если у TS проблемы с геттерами, то когда я эти проблемы получу и получу ли. Если писать на хуках + ТС.

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

ага, спс. Ну да, обычно функции. В практике не видела чистых get-set. Object.defineProperty() тоже не могу найти, в какой ситуации мне был бы нужен. Меня интересует в контексте, если у TS проблемы с геттерами, то когда я эти проблемы получу и получу ли. Если писать на хуках + ТС.

Вообще геттеры/сеттеры нарушают инкапсуляцию, потому что работа идёт с данными из объекта

https://developer.mozilla.org/ru/docs/Web/API/Storage

Спасибо а под React есть что то подобное

Спасибо а под React есть что то подобное

конечно https://ru.reactjs.org/docs/getting-started.html

👍

i18 юзал кто? Не могу понять, в какой момент он переводы делает, в рантайме?

помогите исправить баг с таймером

https://stackblitz.com/edit/react-sk9hn6

Ребята, как делается Search autocomplete на React, если с бека приходят все данные? Есть примеры, туториалы?

Ребята, как делается Search autocomplete на React, если с бека приходят все данные? Есть примеры, туториалы?

Туточки реакт ничем не отличается от не-реакта

помогите исправить баг с таймером

а в чем заключается баг?

Тьфу блин

Я микроконтроллер вспоминаю каждый раз 😁

Ребята, как делается Search autocomplete на React, если с бека приходят все данные? Есть примеры, туториалы?

вот так и делается

Стайледы под капотом создают дополнительные ноды или нет? Если есть div, который потом обернут 10 раз, то это будет по-прежнему 1 див, но с перезаписанными стилями, так?

Да

Привет всем. Как можно грузить компоненты роута с учетом прав с lazy? const renderLazyRoutes = () => { const components = [ { path: routes.timetable.path, component: Timetable }, { path: routes.addTimetable.path, component: TimetableAdd } ] return components.map(({ path, component: Component }, idx) => ( <Route key={`lazyRoute_${idx}`} path={path} component={() => ( <React.Suspense fallback={null}> <Component /> </React.Suspense> )} /> )) } Вопрос заключается в том, что при рендере (а точнее в самом старте приложения) роутер инициализируется один раз, в любом случае сам чанк будет загружен, но он может быть не отображен из-за отсутствия прав. Кто как решал этот кейс? Подгрузка нужных чанков исходя из конкретных прав доступа?

Стайледы под капотом создают дополнительные ноды или нет? Если есть div, который потом обернут 10 раз, то это будет по-прежнему 1 див, но с перезаписанными стилями, так?

да, но говорят в styled-components этого не будет изза хуков

а в других runtime-css-in-js это тоже пока осталось

а никто не знает, когда reshadow выйдет из альфы? очень интересный проект

Ребят, подскажите плиз, как вы декомпозируете большие задачи? ПМ дал огромную таску и просит поставить сроки, а я хз когда закончу

Ребят, подскажите плиз, как вы декомпозируете большие задачи? ПМ дал огромную таску и просит поставить сроки, а я хз когда закончу

Прикидываешь смело, умножаешь на 2, прибавляешь две недели.

потом еще раз кумекаешь и накидываешь 30% от этого времени

Ребят, подскажите плиз, как вы декомпозируете большие задачи? ПМ дал огромную таску и просит поставить сроки, а я хз когда закончу

Оффтоп: Подскажите, с помощью какого сервиса можно строить такие псевдо-интерактивные UML диаграммы? https://bespoyasov.ru/img/notes/tzlvt-architecture.svg

Народ как можно протестировать синхронную санку, внутри которой я вызываю асинхронную санку?

jset'ом

Привет. У кого есть опыт фильтрации по диапазону значений, не единичному значению для React Table? Например, отортировать столбец по интервалу от 2 до 7.

Оффтоп: Подскажите, с помощью какого сервиса можно строить такие псевдо-интерактивные UML диаграммы? https://bespoyasov.ru/img/notes/tzlvt-architecture.svg

@zerobias ты же делал подобные вещи, нет?

а, его нету тут

@zerobias ты же делал подобные вещи, нет?

у него собственное решение

Как в react-table сделать editableCell с select

есть тут кто-то с опытом большого проекта на ts? как полёт? есть подводные камни? сколько занимает время компиляции?

все супер

все супер

прям всё?

прям всё?

ну да, вообще нет нареканий

с кажите, я в реакт state ставлю как const [app, setApp] = React.useState<MobileApplication.AppMobile>(() => { let appTemp = new MobileApplication.AppMobile(); appTemp.currentStep = MobileEnums.StepsEnum.Sum; return appTemp; }); - расчитываю что будет объек моего типа AppMobile - а он object #чезахерня ?

Всмысле object?

ну да, вообще нет нареканий

долго компилится?

меня устраивает

долго компилится?

долго потому что большой проект, с ТС это не связано

Ребят, есть ли в mobx-state-tree способ шарить observable значения одного стора другому??

Допустим, есть jwt ключ, к которому нужно дать доступ всем сторам

А жвт зачем?

А жвт зачем?

Это пример

🤔

А жвт зачем?

Ну представь, HTTP сервис инжектится через DI, ему не нужно иметь внутри себя jwt, он ожидает, что при вызове его методов ключ будет присутствовать в виде параметра