Хм. А какие проблемы? Хочу изучить эту тему. Куда рыть, не подскажешь?
ну тут либо на опыте сделаешь мнение либо нужно подыскать статьи.
Скажу одно экосистема очень мала. Для типовых проектов да сойдет, но для крупных нет
Anonymous
Oleg
Sergey
Хм. А какие проблемы? Хочу изучить эту тему. Куда рыть, не подскажешь?
Можешь посмотреть Климова он достаточно подробно и понятно объясняет.
Аргументы: за
https://www.youtube.com/watch?v=FFZfmIQ9I44
Аргументы: против
https://www.youtube.com/watch?v=kuHSJNxNFQw
Oleg
artalar
Только на ридакс тулзы. Мидлвары. Ещё куча либ
Релиз как раз стопорит наличие доп пакетов: реакт, свелт, ву, редакс компат. Но вообще реатом обратно совместим с редаксом)) девтулзы вообще без проблем работают (в примере на кодсендбоксе включены), только с тайм-тревелом пошаманить еще нужно.
artalar
>Подробности у Ситника.
спасибо, но нет, дроч на каждый килобайт это, возможно, круто, но не стоит тех потраченных усилий
Все зависит от потребностей бизнеса, а не хотелок программиста.
Убер переписал с нуля все свое приложение под веб,что бы уместиться в 50 ил 70, не помню) КБ, потому что им это было нужно.
Проблема только в том что разработчик часто не может оценить - нужно его заказчику эта экономия или может ли она потребоваться в будущем. Поэтому лучше перестраховаться заранее, если это ничего не стоит.
artalar
А можно подробнее. Насколько вообще важна оптимизация объёма в JS мире
Погуглите the cost of javascript Эди Османи
Anonymous
Доброе утро. Кто нибудь делал мултиязычность? дайте советы как лучше сделать...
Frontend Priest
тут проект просто с вуе на рякт решили переписать. столкнулись с проблеммами маштобирование и почти в самом конце поменяли инструмент
Ты мог бы организовать микросервисы. Инфы по ним мало, но, если вкратце, это веб компоненты, к которым подцеплен инстанс любого фреймворка. А кидать html из бд - дыра в безопасности и бэд практис.
Frontend Priest
Доброе утро. Кто нибудь делал мултиязычность? дайте советы как лучше сделать...
Установить любую i18n библиотеку и следовать тутору
Frontend Priest
Это хрен знает какого года статья.
19, но ты не хотел заморачиваться и искать эту цифру
Anonymous
Установить любую i18n библиотеку и следовать тутору
спасибо. по поводу html еще раз посмотрю по поводу безапасности
🎉
19, но ты не хотел заморачиваться и искать эту цифру
Охренеть, ощущение что прошла вечность с того момента как читал))
Ugin
Как думаете в 17-й версии реакта восторжествует функциональщина с хуками и пр. и классы отойдут на второй план ? Или классы еще долго будут с нами?
Sergiy
Как думаете в 17-й версии реакта восторжествует функциональщина с хуками и пр. и классы отойдут на второй план ? Или классы еще долго будут с нами?
думаю, что уже сейчас хуки намного удобнее
Oleg
Как думаете в 17-й версии реакта восторжествует функциональщина с хуками и пр. и классы отойдут на второй план ? Или классы еще долго будут с нами?
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
Ugin
А то наблюдаю иногда печальную картину когда в чужом коде и классы и хуки и все подряд, реально бесит.
Valentin
Я ещё не пробовал хуки.
rovnyart
А то наблюдаю иногда печальную картину когда в чужом коде и классы и хуки и все подряд, реально бесит.
ну это не печальная картина, у нас вот например весь проект был написан на классах конечно же, а когда вышли хуки Ден Абрамов сказал мол не надо, не переписывайте, используйте только для новых компонентов
Ugin
да никто не спорит ) уверен )
Oleg
Погуглите the cost of javascript Эди Османи
Спасибо. Кину сюда, может кому интересно тоже
https://youtu.be/X9eRLElSW1c
Anonymous
Ребят подскажите пожайлуста. Нужна библиотека анимации как у jquery или velocity slide up/in hide on/of и так далее
Sergiy
Sergiy
а что
Someone
Someone
там про кавычки говорится, а не про скобки
Ziloliddin
посмотри на пункт выше
Ziloliddin
на Auto closing brackets
Someone
у меня стояло languageDefined, переставил на always - все так же
Frontend Priest
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
Классы не будут депрекейтнуты. Одни компоненты не лучше и не хуже других, они просто разные и нужны для разных целей.
Тимофей 🛴
Классы не будут депрекейтнуты. Одни компоненты не лучше и не хуже других, они просто разные и нужны для разных целей.
Скорее всего будут, они тормозят развитие реакта
Sm•ok
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
После выхода хуков, слышал мнение, что минимум в след мажорном
Zhanadil
ребята кто как исправляет eslint error в webstorm при установке cra2???
Тимофей 🛴
Нет.
Почему нет? Если кор разработчики писали про то что классы мешают компиляции шаблонов и тащат за собой большой объем кода в библиотеку
Frontend Priest
Почему нет? Если кор разработчики писали про то что классы мешают компиляции шаблонов и тащат за собой большой объем кода в библиотеку
Абрамов писал, что это не факт и не скоро. Вряд ли даже следующий мажор релиз. Даже если это вырежут, ради совместимости будет отдельный пакет. А юзерам будет лень что-то менять, поэтому все будут ставить оба пакета. Результат: эффективный кодсплиттинг реакта.
Igor
есть нормальная дока полностью по конфигу prettier? На офф доке есть опции, но ощущение что это не все настройки
Тимофей 🛴
Абрамов писал, что это не факт и не скоро. Вряд ли даже следующий мажор релиз. Даже если это вырежут, ради совместимости будет отдельный пакет. А юзерам будет лень что-то менять, поэтому все будут ставить оба пакета. Результат: эффективный кодсплиттинг реакта.
То что не скоро понятно.
Надо посмотреть как у фейсбука редизайн сделан, если там нет ничего легаси, то поддержка совместимости может стать не такой крутой как раньше (ну это я уже просто гадаю)
Igor
в объекте при форматировании в последнем итеме ставит , - как это правило отрубить? А то напрягает)
Андрей
Igor
?
Oleg
То что не скоро понятно.
Надо посмотреть как у фейсбука редизайн сделан, если там нет ничего легаси, то поддержка совместимости может стать не такой крутой как раньше (ну это я уже просто гадаю)
Я где то читал что у фейсбука сайт не полностью на реакте. Они типа используют мелкие реакт компоненты но сам сайт как серверный . Это так?
Андрей
?
Если захочешь свойство добавиль, то в дифф попадёт строчка из-за добавленной запятой. Висячая запятая именно для этого нужна.
Igor
по дефолту правило в none, я же когда конфиг делал - было es5. По поводу диффов - не страшно, и не вижу тут какой-то кривости
Cenator 🐈
Andrey
Я где то читал что у фейсбука сайт не полностью на реакте. Они типа используют мелкие реакт компоненты но сам сайт как серверный . Это так?
микросервисный фронтенд
основа грузится сразу и потом сверху накладывается куча маленьких приложений
Oleg
микросервисный фронтенд
основа грузится сразу и потом сверху накладывается куча маленьких приложений
Вообще насколько такой паттерн лучше обычного? Он сложнее в реализации?
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/
Oleg
https://twitter.com/facebook/status/1123322299418124289
Офигеть. Неужели они сделали нормальный не перегруженный интерфейс
Constantine️
Офигеть. Неужели они сделали нормальный не перегруженный интерфейс
это демо. расслабься 😄
им монетизация нужна, так что еще сунут кучу рекламы ) просто в демке не показывают, так как бесплатно крутить рекламу а-та-та )))
Anonymous
Andrey
Andrey
*которая выбивается из общего дизайна
Constantine️
Sergiy
прикольно
Sergiy
только вставьте ещё туда 5 баннеров рекламы)
Andrey
лол ,у меня их и нет
Sergiy
они мобильную версию круто сделали
Александр
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
Не будут депрекейтнуты минимум до тех пор пока не будет возможным реализовать 100% их функциональности в функциональных (сорри за каламбур) компонентах, например, error boundary (getDerivedStateFromError и componentDidCatch) и getSnapshotBeforeUpdate
Andrey
Есть мнение что классы вообще будут деприкейтед в новых версиях. В каких именно, хз
нуууу... может когда они снова все перепишут с нуля
Dmitriy
Александр
gSPBU для этого же лейаут эффект. Нет?
Не совсем вроде как, если верить доке, самому пока не приходилось юзать честно говоря gSPBU