ну типа ты привязал роутинг и сделал подобие контроллеров. Если честно лично я бы такое не решился юзать, но уверен что людям с бэкграудном на C# будет комфортно

+ этот подход позволяет протестировать логику отдельно от компонентов

ну анстейтед тоже прекрасно позволяет

ну типа ты привязал роутинг и сделал подобие контроллеров. Если честно лично я бы такое не решился юзать, но уверен что людям с бэкграудном на C# будет комфортно

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

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

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

Это будет уже не тот же unstated

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

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

ща это в виде мидлвар со стрёмным апи на редаксе делают

мой подход при отсутствии роутов, позволяет не имплементить две функции, которые кстати и при наличии роутов не обязательно, и это пока набросок, т.к. хочется реализовать DI в реакт, т.е. ты запрашиваешь конкретный сервис в компонент

в byIds пишется исходный объект

Деструктуризация может работать неадекватно если ты не знаешь как она работает

Let вместо const... Нда

да оно хоть так, хоть так не работает

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

Мы же хз, что за данные у тебя там

И какой результат тебе нужен

А деструктуризация работает норм

да оно хоть так, хоть так не работает

Юзать деструктуризацию объекта для массива.... Действительно что там не так работает

данные: const initialState = { friends: [1, 2, 3], friendsByIds: { 1: { id: 1, name: "Name 1" }, 2: { id: 2, name: "Name 2" }, 3: { id: 3, name: "Name 3" } } }; нужно удалить объект с приходящим айдишником

Юзать деструктуризацию объекта для массива.... Действительно что там не так работает

https://learn.javascript.ru/destructuring#%D0%B4%D0%B5%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%B0

https://learn.javascript.ru/destructuring#%D0%B4%D0%B5%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%B0

Синтаксис разный

на SO тоже полно таких примеров. первую переменную всё норм заносит, а в byIds исходный объект попадает

Синтаксис разный

нет же

просто я значение ключа обернул в [], чтобы он не по имени использовался

нет же

Для массивов квадратные скобки

Установи нормальный линтер

Сразу кучу проблем увидишь

бляха...

не, там всё правильно

просто это es7 уже идёт

я не заметил :)

просто это es7 уже идёт

И что

У тебя бы не компилилось

тогда хз, в чём дело

ну в первую переменную всё ок заносится, в другую нет

Чувак упорный, спорит :)

пример из мозилы let {[key]: foo} = {z: 'bar'};

Господа, посоветуйте компонент аудио плеера для реакта

часа два назад натыкался на такой же, как у меня код

ух так себе

должно работать удаление

Господа, посоветуйте компонент аудио плеера для реакта

html5 чем не устраивает?

полотна кода на гист

html5 чем не устраивает?

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

должно работать удаление

понимаю, что должно...

@KsGOw в этот раз лично - полотна кода на гист

не вернул старый стейт. Там же еще что то было ?

т.е. ?

в первом редьюсере вернул { state, friendsByIds } потом { friend, friendsByIds }

поставь логер и проверь что делаешь. Я не могу по куску редьюсера вангануть

о, кстати, да. там вместо state должно было быть friends

но проблему это не решает, т.к. та ветка не использовалась )

а просто в гугле отрабатывает

видимо, нужно пойти отдохнуть и потом просмотреть весь код

как правильно написать style={{width:60%}}

в первом редьюсере вернул { state, friendsByIds } потом { friend, friendsByIds }

блин, я понял.... это из-за бабеля. он компилирует это в вызов собственного метода, который криво отрабатывает

60% строкой напиши

как правильно написать style={{width:60%}}

как правильно написать style={{width:60%}}

‘60%’?

ERROR: S client not available

style={{ width: '60%' }}

‘60%’?

'60' + %

?

'60' + %

Смешно

Смешно

Ну а зач инлайн стили юзать

а как в саге получить доступ к стейту?

Смешно

Там же строку можно

Там же строку можно

Можно

Можно

Ну значит все норм

Ну значит все норм

Ы

А не синтакс еррор?

+%

Только через селекторы, как я понимаю

а как в саге получить доступ к стейту?

+%

А ну да

а как в саге получить доступ к стейту?

https://redux-saga.js.org/docs/api/index.html#selectselector-args

Народ, подскажите хороший учебник для чистого когда на русском желательно

Народ, подскажите хороший учебник для чистого когда на русском желательно

Питер Гудлиф Ремесло программиста

Питер Гудлиф Ремесло программиста

Спасибо большое

redux-saga, где найти внятное объяснение того, что происходит тут? https://pro.ant.design/docs/server

>сага >Внятное

чем pro отличается от обычного

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

Привет всем! Нужно сайт снять на видос (сайтик скролится сверху вниз) чтобы в презентацию вставить Как можно это оформить? (плавный автоматический скрол )

https://developer.mozilla.org/ru/docs/Web/API/Element/scrollIntoView

@itsjohncena а статью про структуру проекта не ты писал же?

а Родионов?

а Родионов?

да

да

ну в принципе, логика ясна. Каждый контейнер называть модулем и всю вермишель в этой же директории модуля. А stateless компоненты ? в components/ ?