Типо такого stringBldr.append("some text that's more " + "than 80 characters");

А есть у кого опыт миграции с react на preact? На сколько сложно? Какие подводные камни?

А есть у кого опыт миграции с react на preact? На сколько сложно? Какие подводные камни?

Можно просто поинтересоваться - зачем?

Можно просто поинтересоваться - зачем?

а че дока говорит?

react-dom больно бьет по размеру бандла

Чаще всего другие пакеты бьют же 🤔

да как бы нет. 114kb minified - самый большой пакет в бандле

Интересно чем придётся пожертвовать :) "бесплатно" это все едва-ли :) я просто про то, что если трабла с производительностью, то стоит посмотреть в сторону https://infernojs.org/ тут есть опыт но тут не целиком надо перебираться как правило а это отлично встраивается частью

Щас минус 100 кб, плюс 400 кб)

Вот и я до конца пока не понял что идет в жертву. Но как я понимаю что-то из алгоритмов оптимизаций. Что для простых страниц не критично. В то время как бандл критичен.

Эх, когда уже будет похер на размер

когда на бэк перекатишься например:D

а там за помаятью надо следить))

когда на бэк перекатишься например:D

как хуки внутри работают и как они тригерят компонент?

Я хочу чтобы все фронтендеры были счастливы) Ну и бекендеры)

Эх, когда уже будет похер на размер

https://pomb.us/build-your-own-react/

А есть у кого опыт миграции с react на preact? На сколько сложно? Какие подводные камни?

когда мобильные процы будут мощнее. У нас просидает не на скачивании даже скрптов а именно на парсинге

Хэллоу фэллас, дёргаю редакс-стору, получаю данные с апи и снова дёргаю редакс стору на componentDidMount - этот же код на useEffect + useCallback ведёт себя иначе. Вызывает подёргивания в интерфейсе, шо это может быть?

Пока еще жив 3g

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

А есть у кого опыт миграции с react на preact? На сколько сложно? Какие подводные камни?

повторось. У нас проблема не с размером бандла для скачивания, а с размером бандла для парсинга

Все бы ничего, вот только он многие ошибки просто умалчивает. Будь готов, что то, что на реакте раньше показывало ошибку в консоли, на преакте может ничего не показывать

Все бы ничего, вот только он многие ошибки просто умалчивает. Будь готов, что то, что на реакте раньше показывало ошибку в консоли, на преакте может ничего не показывать

хм, интересно а реально ли в деве юзать реакт а в проде preact?) Хотя конечно тестить такое будет жесть)

хм, интересно а реально ли в деве юзать реакт а в проде preact?) Хотя конечно тестить такое будет жесть)

Так не получится. Там есть отличия в коде

да, там например не onChange а onInput

да, там например не onChange а onInput

я так понял эту проблему решает preact/compat ?

Прямо как в обычном доме

в доме же как раз onChange? или я давно не работал с нативными событиями?

Помню однажды помогал другу, который в жс вкатывался, и сам впал в ступор)

друг еще такой "а ты точно программист?" кек))

я так понял эту проблему решает preact/compat ?

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

Сейчас глянул Если кому интересно, то он срабатывает только после снятия фокуса с элемента, а не по мере ввода Ивент input как раз аналог реактовского onChange

Короче пока отложим эту идею, но закладочку сделаем

Там довольно агрессивный tree-shaking, но немного сложнее писать конфиг.

const updateData = useCallback(() => { booksRequested(); bookstoreService.getBooks().then(data => booksLoaded(data)); }, [booksLoaded, booksRequested, bookstoreService]); useEffect(() => { updateData(); }, [updateData]); А вот сам код.

а он что-то выкинет с react-dom ?

В rollup есть проблемы с typescript. Он вроде не поддерживает enum. Из-за этого он уступает webpack'у Но сборка намного чище у rollup

Вот и я до конца пока не понял что идет в жертву. Но как я понимаю что-то из алгоритмов оптимизаций. Что для простых страниц не критично. В то время как бандл критичен.

Получается, что используется весь код react-dom?

затрудняюсь ответить

Получается, что используется весь код react-dom?

react-dom не тришейкается. Если только препаком, но его забросили вроде

а ты не в курсе можно ли в этом плане доверять bundlephobia? Там есть флажок тришеейкается или нет либа. У react-dom как раз такого флага нет

А чем вам webpack не угодил? Более стабильной штуки нет

А чем вам webpack не угодил? Более стабильной штуки нет

проверь сколько раз запускается

А чем вам webpack не угодил? Более стабильной штуки нет

Как же так, ведь целые 100 мс времени сборки экономим!)

обсуждали в раамках оптимизации бандла и что ролап лучше тришейкит

Один раз запускается. а флоу вот такой вот должен быть на условном рендеринге: - loading: true - показываем спиннер - loading: false - контент А на хуках получается такой: - loading: false - контент - loading: true - спиннер - loading: false - контент