Публикации по теме 'progressive-web-app'
Пример использования прогрессивной производительности веб-приложений React и Preact: Treebo
Авторы: Treebo: Лакшья Ранганатх , Chrome: Адди Османи
Treebo - это сеть бюджетных отелей с самым высоким рейтингом в Индии, работающая в туристическом сегменте стоимостью 20 миллиардов долларов. Они недавно выпустили новое Progressive Web App в качестве мобильного интерфейса по умолчанию, сначала используя React , а затем перейдя на Preact в производстве.
По сравнению со своим старым мобильным сайтом они увидели увеличение времени до первой отрисовки на 70% +,..
Использование локального хранилища для создания прогрессивных веб-приложений
В недавнем скринкасте я обсуждал локальное хранилище с помощью IndexedDB. Это важный API, который был представлен как часть спецификации HTML5 и неотъемлемая часть прогрессивных веб-приложений для поддержки автономных данных.
Ниже приведены мои примечания для справки из этого видео.
Если вы хотите создать прогрессивное веб-приложение, вам нужно убедиться, что вы правильно используете локальную среду пользователя. Это может помочь, если соединение пользователей разорвано, если у них..
Освоение искусства PWA + GraphQL с помощью простого Service Worker.
Было время, когда веб-эра просто зависела от постоянного подключения к Интернету для полноценной работы веб-приложений.
Но изменение - это закон природы, как и будущее. Следовательно, веб-приложения должны развиваться днем и ночью.
Итак, что такое PWA?
Прогрессивные веб-приложения - это ничто, просто веб-сайты, принявшие все необходимые витамины. Это не новая структура или технология. Это набор передовых методов, позволяющих сделать веб-приложение более БЕЗОПАСНЫМ И РАБОТАТЬ..
Создание прогрессивного веб-приложения с помощью React 18
Изучите основы PWA и как начать работу с React 18.
Когда некоторые веб-сайты посещаются со смартфона, веб-сайт предлагает пользователю установить себя на устройство пользователя, как приложение. При «загрузке» на устройство пользователя эти веб-сайты имеют почти те же функции, что и родное мобильное приложение. У них даже есть значки, которые можно просмотреть на главном экране пользователя. Когда веб-сайт был создан таким образом, мы говорим, что веб-сайт является прогрессивным..
Стоимость JavaScript
Стоимость JavaScript
Поскольку мы создаем сайты, в большей степени использующие JavaScript, мы иногда платим за то, что отправляем, способами, которые не всегда легко увидеть. В этом посте я расскажу, почему небольшая дисциплина может помочь, если вы хотите, чтобы ваш сайт быстро загружался и был интерактивным на мобильных устройствах.
tl; dr: меньше кода = меньше синтаксического анализа / компиляции + меньше передачи + меньше распаковки
Сеть
Когда большинство разработчиков..
Необходимо использовать инструменты для создания лучших прогрессивных веб-приложений
Недавние усовершенствования браузера, такие как сервис-воркеры и кеширование, открыли новое измерение для создания приложений с использованием HTML и JavaScript, которые называются прогрессивными веб-приложениями. Хотя они становятся популярными, мы должны знать инструменты, доступные для создания более совершенных прогрессивных веб-приложений, которые просты как для разработчика, так и для конечного пользователя. Мы можем разделить эти инструменты на следующие категории:
Инструменты..
Рендеринг на стороне сервера React (без сервера)
Это вторая часть моего предыдущего поста Создайте прогрессивное веб-приложение с помощью React .
С тех пор прошло слишком много недель и всего (включая противостояние между Apache Foundation и Facebook из-за лицензирования React.js с открытым исходным кодом ), но я хотел вернуться к конкретной теме PWA: Рендеринг на стороне сервера .
В предыдущем посте мы достигли хороших результатов в Lighthouse , включив автономный доступ и добавив несколько метатегов в наше примерное приложение..
