Size: a a a

React — русскоговорящее сообщество

2020 November 17

NB

Not Dan, But... in React — русскоговорящее сообщество
Эльдар
ant-design весит больше react-bootstrap, но по факту со 100mb-интернетом это ведь не скажется на скорости работы корпоративного приложения, то есть не нужно удовлетворять множеству слабых девайсов с медленным интернетом, как это устроено у фейсбука. больший вес можно не считать минусом, да и с оперативкой проблем не будет, кто может успокоить меня?
Успокаиваешься очень просто - говоришь заказчику, что написать свои компоненты с нуля будет просто дороже и медленнее, чем юзать из AntD. Он считает по деньгам, читает все требования (в которых вряд ли будут измеримые метрики) и даёт тебе добро.
источник

Э

Эльдар in React — русскоговорящее сообщество
S S
Если это корп приложение советую сделать modern сборку и настроить tree shaking. Тогда приложение будет летать. Tree shaking выпилит ненужное, но идеально он будет работать если ты будешь собирать как es6 build
а что такое modern-сборка? погуглил, и не совсем понятно то ли я нашел, о чем вы говорите
источник

Э

Эльдар in React — русскоговорящее сообщество
Not Dan, But...
Успокаиваешься очень просто - говоришь заказчику, что написать свои компоненты с нуля будет просто дороже и медленнее, чем юзать из AntD. Он считает по деньгам, читает все требования (в которых вряд ли будут измеримые метрики) и даёт тебе добро.
спасибо, так и поступлю👌🏻
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
S S
Если это корп приложение советую сделать modern сборку и настроить tree shaking. Тогда приложение будет летать. Tree shaking выпилит ненужное, но идеально он будет работать если ты будешь собирать как es6 build
Ага тока половина нод модулей в ес 3 ещё застряли🌚
источник

SS

S S in React — русскоговорящее сообщество
Эльдар
а что такое modern-сборка? погуглил, и не совсем понятно то ли я нашел, о чем вы говорите
Когда перед build в бабеле или другом лоадере делаешь таргет на es6
источник

Э

Эльдар in React — русскоговорящее сообщество
S S
Когда перед build в бабеле или другом лоадере делаешь таргет на es6
благодарю🙏🏼
источник

РА

Рахметуллина Алима... in React — русскоговорящее сообщество
всем привет, подскажите пжл как поменять state в fields.visible?
источник

РА

Рахметуллина Алима... in React — русскоговорящее сообщество
[
   {
       id: "1",
       name: "Уволенные",
       fields: [
           {
               type:'text',
               id:"1",
               name: 'ФИО',
               value: 'Rakhmetullina Alima',
               visible: true
           },
           {
               type:'text',
               id:"2",
               name: 'Логин',
               value: 'Alima101191',
               visible: true
           },
           {
               type:'text',
               id:"3",
               name: 'Email',
               value: 'Alima@zf.fs',
               visible: true
           },
           {
               type:'text',
               id:"4",
               name: 'ID',
               value: '1',
               visible: false
           }
       ]
   },
   {
       id: "2",
       name: "Отдел HR",
       fields: [
           {
               type:'text',
               id:"5",
               name: 'ФИО',
               value: 'aS DSASD',
               visible: true
           },
           {
               type:'text',
               id:"6",
               name: 'Логин',
               value: 'sad',
               visible: true
           },
           {   type:'text',
               id:"7",
               name: 'Email',
               value: 'as@zf.fs',
               visible: false
           },
           {
               type:'text',
               id:"08",
               name: 'ID',
               value: '13',
               visible: true
           },
           {
               type:'date',
               id:"18",
               name: 'Дата рождения',
               value: "2018-07-22",
               visible: true
           },
           {
               type:'select',
               id:"28",
               name: 'Статус',
               value: '',
               visible: true
           },
           {
               type:'checkbox',
               id:"38",
               name: 'Админ?',
               value: 'true',
               visible: true
           },

       ]
   },
источник

РА

Рахметуллина Алима... in React — русскоговорящее сообщество
например filter.fields[0].visible нужно поменять
источник

Э

Эльдар in React — русскоговорящее сообщество
Рахметуллина Алима
например filter.fields[0].visible нужно поменять
всё через экшны
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Рахметуллина Алима
[
   {
       id: "1",
       name: "Уволенные",
       fields: [
           {
               type:'text',
               id:"1",
               name: 'ФИО',
               value: 'Rakhmetullina Alima',
               visible: true
           },
           {
               type:'text',
               id:"2",
               name: 'Логин',
               value: 'Alima101191',
               visible: true
           },
           {
               type:'text',
               id:"3",
               name: 'Email',
               value: 'Alima@zf.fs',
               visible: true
           },
           {
               type:'text',
               id:"4",
               name: 'ID',
               value: '1',
               visible: false
           }
       ]
   },
   {
       id: "2",
       name: "Отдел HR",
       fields: [
           {
               type:'text',
               id:"5",
               name: 'ФИО',
               value: 'aS DSASD',
               visible: true
           },
           {
               type:'text',
               id:"6",
               name: 'Логин',
               value: 'sad',
               visible: true
           },
           {   type:'text',
               id:"7",
               name: 'Email',
               value: 'as@zf.fs',
               visible: false
           },
           {
               type:'text',
               id:"08",
               name: 'ID',
               value: '13',
               visible: true
           },
           {
               type:'date',
               id:"18",
               name: 'Дата рождения',
               value: "2018-07-22",
               visible: true
           },
           {
               type:'select',
               id:"28",
               name: 'Статус',
               value: '',
               visible: true
           },
           {
               type:'checkbox',
               id:"38",
               name: 'Админ?',
               value: 'true',
               visible: true
           },

       ]
   },
Код лучше кидать в gist, codesandbox или скриншот

Почитай вот это

https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Эльдар
всё через экшны
Кеп, моё почтение
источник

Э

Эльдар in React — русскоговорящее сообщество
Dmitriy Shuleshov
Кеп, моё почтение
🤙🏻
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Рахметуллина Алима
[
   {
       id: "1",
       name: "Уволенные",
       fields: [
           {
               type:'text',
               id:"1",
               name: 'ФИО',
               value: 'Rakhmetullina Alima',
               visible: true
           },
           {
               type:'text',
               id:"2",
               name: 'Логин',
               value: 'Alima101191',
               visible: true
           },
           {
               type:'text',
               id:"3",
               name: 'Email',
               value: 'Alima@zf.fs',
               visible: true
           },
           {
               type:'text',
               id:"4",
               name: 'ID',
               value: '1',
               visible: false
           }
       ]
   },
   {
       id: "2",
       name: "Отдел HR",
       fields: [
           {
               type:'text',
               id:"5",
               name: 'ФИО',
               value: 'aS DSASD',
               visible: true
           },
           {
               type:'text',
               id:"6",
               name: 'Логин',
               value: 'sad',
               visible: true
           },
           {   type:'text',
               id:"7",
               name: 'Email',
               value: 'as@zf.fs',
               visible: false
           },
           {
               type:'text',
               id:"08",
               name: 'ID',
               value: '13',
               visible: true
           },
           {
               type:'date',
               id:"18",
               name: 'Дата рождения',
               value: "2018-07-22",
               visible: true
           },
           {
               type:'select',
               id:"28",
               name: 'Статус',
               value: '',
               visible: true
           },
           {
               type:'checkbox',
               id:"38",
               name: 'Админ?',
               value: 'true',
               visible: true
           },

       ]
   },
Я бы вообще изменил бы структуру стейта, сделал бы массив плоским, а отдел просто полем у каждого объекта, тогда все сведется к 1 map
источник

A

Antony in React — русскоговорящее сообщество
добрый день. подскажите с помощью чего реализовать данное рандомное расположение фото
источник

A

Antony in React — русскоговорящее сообщество
спасибо
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Antony
добрый день. подскажите с помощью чего реализовать данное рандомное расположение фото
источник

A

Antony in React — русскоговорящее сообщество
👍🏻
источник

РА

Рахметуллина Алима... in React — русскоговорящее сообщество
Тимофей 🛴
Я бы вообще изменил бы структуру стейта, сделал бы массив плоским, а отдел просто полем у каждого объекта, тогда все сведется к 1 map
можно подробнее или пример пжл
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Antony
добрый день. подскажите с помощью чего реализовать данное рандомное расположение фото
Ровные руки
источник