Anonymous
Хм. А какие проблемы? Хочу изучить эту тему. Куда рыть, не подскажешь?
ну тут либо на опыте сделаешь мнение либо нужно подыскать статьи. Скажу одно экосистема очень мала. Для типовых проектов да сойдет, но для крупных нет
Sergey
Хм. А какие проблемы? Хочу изучить эту тему. Куда рыть, не подскажешь?
Можешь посмотреть Климова он достаточно подробно и понятно объясняет. Аргументы: за https://www.youtube.com/watch?v=FFZfmIQ9I44 Аргументы: против https://www.youtube.com/watch?v=kuHSJNxNFQw
artalar
Только на ридакс тулзы. Мидлвары. Ещё куча либ
Релиз как раз стопорит наличие доп пакетов: реакт, свелт, ву, редакс компат. Но вообще реатом обратно совместим с редаксом)) девтулзы вообще без проблем работают (в примере на кодсендбоксе включены), только с тайм-тревелом пошаманить еще нужно.
artalar
>Подробности у Ситника. спасибо, но нет, дроч на каждый килобайт это, возможно, круто, но не стоит тех потраченных усилий
Все зависит от потребностей бизнеса, а не хотелок программиста. Убер переписал с нуля все свое приложение под веб,что бы уместиться в 50 ил 70, не помню) КБ, потому что им это было нужно. Проблема только в том что разработчик часто не может оценить - нужно его заказчику эта экономия или может ли она потребоваться в будущем. Поэтому лучше перестраховаться заранее, если это ничего не стоит.
Anonymous
Доброе утро. Кто нибудь делал мултиязычность? дайте советы как лучше сделать...
Frontend Priest
тут проект просто с вуе на рякт решили переписать. столкнулись с проблеммами маштобирование и почти в самом конце поменяли инструмент
Ты мог бы организовать микросервисы. Инфы по ним мало, но, если вкратце, это веб компоненты, к которым подцеплен инстанс любого фреймворка. А кидать html из бд - дыра в безопасности и бэд практис.
🎉
https://habr.com/ru/company/jugru/blog/444652/
Это хрен знает какого года статья.
Frontend Priest
Frontend Priest
Это хрен знает какого года статья.
19, но ты не хотел заморачиваться и искать эту цифру
Anonymous
Установить любую i18n библиотеку и следовать тутору
спасибо. по поводу html еще раз посмотрю по поводу безапасности
🎉
19, но ты не хотел заморачиваться и искать эту цифру
Охренеть, ощущение что прошла вечность с того момента как читал))
Ugin
Как думаете в 17-й версии реакта восторжествует функциональщина с хуками и пр. и классы отойдут на второй план ? Или классы еще долго будут с нами?
Ugin
А то наблюдаю иногда печальную картину когда в чужом коде и классы и хуки и все подряд, реально бесит.
Valentin
Я ещё не пробовал хуки.
rovnyart
А то наблюдаю иногда печальную картину когда в чужом коде и классы и хуки и все подряд, реально бесит.
ну это не печальная картина, у нас вот например весь проект был написан на классах конечно же, а когда вышли хуки Ден Абрамов сказал мол не надо, не переписывайте, используйте только для новых компонентов
Ugin
да никто не спорит ) уверен )
Oleg
Погуглите the cost of javascript Эди Османи
Спасибо. Кину сюда, может кому интересно тоже https://youtu.be/X9eRLElSW1c
Anonymous
Ребят подскажите пожайлуста. Нужна библиотека анимации как у jquery или velocity slide up/in hide on/of и так далее
Anonymous
Sergiy
а что
Someone
ребят, можно как то научить prettier не ставить скобку перед return (в данном случае на первой строке перед type)? А то он её открывает в начале, но не закрывает в конце. Буду благодарен за помощь
Someone
там про кавычки говорится, а не про скобки
Ziloliddin
посмотри на пункт выше
Ziloliddin
на Auto closing brackets
Someone
у меня стояло languageDefined, переставил на always - все так же
Anonymous
там про кавычки говорится, а не про скобки
Не думал, что можно увидеть фена грязи тут
Anonymous
?)
Перепутал фильм с группой Макулатуры*
Frontend Priest
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
Классы не будут депрекейтнуты. Одни компоненты не лучше и не хуже других, они просто разные и нужны для разных целей.
Sm•ok
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
После выхода хуков, слышал мнение, что минимум в след мажорном
Zhanadil
ребята кто как исправляет eslint error в webstorm при установке cra2???
Тимофей 🛴
Нет.
Почему нет? Если кор разработчики писали про то что классы мешают компиляции шаблонов и тащат за собой большой объем кода в библиотеку
Dmitriy
Нет.
Думаю что просто вынесут в отдельный пакет
Тимофей 🛴
Думаю что просто вынесут в отдельный пакет
Про такое кто то из них тоже писал
Dmitriy
Про такое кто то из них тоже писал
Просто уже был прецедент.
Frontend Priest
Почему нет? Если кор разработчики писали про то что классы мешают компиляции шаблонов и тащат за собой большой объем кода в библиотеку
Абрамов писал, что это не факт и не скоро. Вряд ли даже следующий мажор релиз. Даже если это вырежут, ради совместимости будет отдельный пакет. А юзерам будет лень что-то менять, поэтому все будут ставить оба пакета. Результат: эффективный кодсплиттинг реакта.
Igor
есть нормальная дока полностью по конфигу prettier? На офф доке есть опции, но ощущение что это не все настройки
Тимофей 🛴
Абрамов писал, что это не факт и не скоро. Вряд ли даже следующий мажор релиз. Даже если это вырежут, ради совместимости будет отдельный пакет. А юзерам будет лень что-то менять, поэтому все будут ставить оба пакета. Результат: эффективный кодсплиттинг реакта.
То что не скоро понятно. Надо посмотреть как у фейсбука редизайн сделан, если там нет ничего легаси, то поддержка совместимости может стать не такой крутой как раньше (ну это я уже просто гадаю)
Igor
в объекте при форматировании в последнем итеме ставит , - как это правило отрубить? А то напрягает)
Igor
?
Oleg
То что не скоро понятно. Надо посмотреть как у фейсбука редизайн сделан, если там нет ничего легаси, то поддержка совместимости может стать не такой крутой как раньше (ну это я уже просто гадаю)
Я где то читал что у фейсбука сайт не полностью на реакте. Они типа используют мелкие реакт компоненты но сам сайт как серверный . Это так?
Андрей
?
Если захочешь свойство добавиль, то в дифф попадёт строчка из-за добавленной запятой. Висячая запятая именно для этого нужна.
Igor
по дефолту правило в none, я же когда конфиг делал - было es5. По поводу диффов - не страшно, и не вижу тут какой-то кривости
Andrey
Я где то читал что у фейсбука сайт не полностью на реакте. Они типа используют мелкие реакт компоненты но сам сайт как серверный . Это так?
микросервисный фронтенд основа грузится сразу и потом сверху накладывается куча маленьких приложений
Oleg
Новый фейсбук полностью на нем
Они его обновили что ль?)
Oleg
микросервисный фронтенд основа грузится сразу и потом сверху накладывается куча маленьких приложений
Вообще насколько такой паттерн лучше обычного? Он сложнее в реализации?
Cenator 🐈
Они его обновили что ль?)
В процессе, был твит со скриншотом 2-3 месяца назад
Cenator 🐈
Два дня назад на конференции F8 была представлена новая версия facebook.com. Команда разработчиков рассказала о технологиях, которые лежат в основе новой версии социальной сети. Новый сайт — это полноценное SPA-приложение. За данные отвечают GraphQL и Relay, которые позволяют получать только те данные, которые нужны компонентам на текущей странице. Такой подход помог избавиться от загрузки избыточных данных и сделал возможным загрузку данных параллельно коду. Очень много внимания уделили Code-Splitting'у. С помощью Relay был достигнут Data-Driven Code-Splitting — вместе с данными указываются компоненты, которые нужны для отрисовки кода. Ещё реализовали пару дополнительных функций для разделения кода в зависимости от фаз отрисовки страницы: показ начальной страницы загрузки, отрисовка страницы, добавление интерактивности. Также рассказали про изменения в CSS. Теперь за каждое правило отвечает отдельный класс (Atomic Stylesheets), что позволило снизить общее количество скачиваемых стилей. Используют React.Suspense, для того чтобы улучшить UX. Рассказали про свою работу над Chromium: скоро зарелизят новое браузерное API isInputPending. С помощью этого API станет возможным прерывать работу JS, если известно, что пользователю результат выполнения кода не нужен. Например, если код на первой странице приложения ещё не отработал, а пользователь уже попытался перейти на следующую страницу. Информации очень много, рекомендую посмотреть. #relay #codesplitting #facebook https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/
Andrey
Они его обновили что ль?)
https://twitter.com/facebook/status/1123322299418124289
Oleg
Два дня назад на конференции F8 была представлена новая версия facebook.com. Команда разработчиков рассказала о технологиях, которые лежат в основе новой версии социальной сети. Новый сайт — это полноценное SPA-приложение. За данные отвечают GraphQL и Relay, которые позволяют получать только те данные, которые нужны компонентам на текущей странице. Такой подход помог избавиться от загрузки избыточных данных и сделал возможным загрузку данных параллельно коду. Очень много внимания уделили Code-Splitting'у. С помощью Relay был достигнут Data-Driven Code-Splitting — вместе с данными указываются компоненты, которые нужны для отрисовки кода. Ещё реализовали пару дополнительных функций для разделения кода в зависимости от фаз отрисовки страницы: показ начальной страницы загрузки, отрисовка страницы, добавление интерактивности. Также рассказали про изменения в CSS. Теперь за каждое правило отвечает отдельный класс (Atomic Stylesheets), что позволило снизить общее количество скачиваемых стилей. Используют React.Suspense, для того чтобы улучшить UX. Рассказали про свою работу над Chromium: скоро зарелизят новое браузерное API isInputPending. С помощью этого API станет возможным прерывать работу JS, если известно, что пользователю результат выполнения кода не нужен. Например, если код на первой странице приложения ещё не отработал, а пользователь уже попытался перейти на следующую страницу. Информации очень много, рекомендую посмотреть. #relay #codesplitting #facebook https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/
Ух класс.
Oleg
https://twitter.com/facebook/status/1123322299418124289
Офигеть. Неужели они сделали нормальный не перегруженный интерфейс
Constantine️
Офигеть. Неужели они сделали нормальный не перегруженный интерфейс
это демо. расслабься 😄 им монетизация нужна, так что еще сунут кучу рекламы ) просто в демке не показывают, так как бесплатно крутить рекламу а-та-та )))
Anonymous
опа, чо за тема
Andrey
*которая выбивается из общего дизайна
Constantine️
а нет?))
Sergiy
прикольно
Sergiy
только вставьте ещё туда 5 баннеров рекламы)
Andrey
а нет?))
А, ну ладно. Блоки справа не замечал
Andrey
лол ,у меня их и нет
Sergiy
они мобильную версию круто сделали
Александр
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
Не будут депрекейтнуты минимум до тех пор пока не будет возможным реализовать 100% их функциональности в функциональных (сорри за каламбур) компонентах, например, error boundary (getDerivedStateFromError и componentDidCatch) и getSnapshotBeforeUpdate
Александр
gSPBU для этого же лейаут эффект. Нет?
Не совсем вроде как, если верить доке, самому пока не приходилось юзать честно говоря gSPBU