Вот этот блок уже сам по себе уродство и адское нагромождение. И это при условии что табличка то не из реальной жизни, у вас всего 3 колонки, в реальности их обычно 10 и больше.
Вы объединили тут 3 убогих подхода:
1) Render props
2) Wrapped hell
3) Props hell
Брр, вы меня теперь уже совсем запутали. Если вы используете хук useState, то зачем вообще нужен MobX?
useState тут используется просто как конструктор, который возвращает то, что возвращает функция которая в него прокинута, он никакой другой роли не играет и благодаря нему ничего не обновляется, он чисто для того, чтобы переменная state всегда ссылалась на один и тот же экземпляр созданного класса.
class App extends React.Component {
constuctor(){
this.state = new State();
}
}
Это по сути тоже самое, только для функционального компонента.
Так вы сам код посмотрели? Насколько все красиво, и элементарно на самом деле то? Не то, что ваши адские нагромождения и лапшекод. React кайфовый только лишь в связке с MobX, все остальное это дно полнейшее. Если не использовать React+MobX, то надо брать Vue или Svelte.
То есть по вашему что 200Кб, что 150Кб это одно и тоже?
Для тех, у кого всё ещё dial-up модем это не одно и то же, для всех остальных разницы нет, более того что 300kb что 150kb разницы нет, 1 раз загрузил, потом всё равно из кэша берет браузер
1) А зачем вы считаете css строки кода? css к реакту не имеет отношения
2) Можно сэкономить строку `export const App;` и подключать `import { App } from './App`
3) Если отбросить реальный бред и импорты, то разница в кол-во кода реально маленькая, и ей можно принебречь
4) Главное чтобы код был очевидным, легко читаемым и понятным, если из-за этого придется написать на пару строчек кода больше, то вообще пофигу как бы или нет?
5) React надо использовать с MobX, чтобы получать от него удовольствие. Голый реакт или реакт + redux это то ещё дно. Svelte и Vue будут разумеется лучше. Но вот react + mobx это совсем другая история
Вот этот блок уже сам по себе уродство и адское нагромождение. И это при условии что табличка то не из реальной жизни, у вас всего 3 колонки, в реальности их обычно 10 и больше.
Вы объединили тут 3 убогих подхода:
1) Render props
2) Wrapped hell
3) Props hell
Лишние рендеры голый реакт против mobx:
codesandbox.io/s/quiet-frost-wi7gk — react+mobx
codesandbox.io/s/romantic-hermann-ts6ny — react
Просто посмотрите на код и как это работает и всё что вы написали должно отпасть сразу
useState тут используется просто как конструктор, который возвращает то, что возвращает функция которая в него прокинута, он никакой другой роли не играет и благодаря нему ничего не обновляется, он чисто для того, чтобы переменная state всегда ссылалась на один и тот же экземпляр созданного класса.
Это по сути тоже самое, только для функционального компонента.
Так вы сам код посмотрели? Насколько все красиво, и элементарно на самом деле то? Не то, что ваши адские нагромождения и лапшекод. React кайфовый только лишь в связке с MobX, все остальное это дно полнейшее. Если не использовать React+MobX, то надо брать Vue или Svelte.
Для тех, у кого всё ещё dial-up модем это не одно и то же, для всех остальных разницы нет, более того что 300kb что 150kb разницы нет, 1 раз загрузил, потом всё равно из кэша берет браузер
codesandbox.io/s/goofy-hamilton-b9jxv
2) Можно сэкономить строку `export const App;` и подключать `import { App } from './App`
3) Если отбросить реальный бред и импорты, то разница в кол-во кода реально маленькая, и ей можно принебречь
4) Главное чтобы код был очевидным, легко читаемым и понятным, если из-за этого придется написать на пару строчек кода больше, то вообще пофигу как бы или нет?
5) React надо использовать с MobX, чтобы получать от него удовольствие. Голый реакт или реакт + redux это то ещё дно. Svelte и Vue будут разумеется лучше. Но вот react + mobx это совсем другая история
codesandbox.io/s/frosty-dust-2mk5b
И уведите какой реакт всё же плохой на самом деле голый.