@ dotmind/ react-use-pwa (英语)

快速安装进步Web App 和更多 React shooks 。 由 .mind.io (英语)

菜单

• 菜单
• • 免责声明
• * 安装
• 工作怎么样
  • 使用Pwa软件
  • 使用PwaAppSize 用户
• 捐款
• 许可证

• 免责声明

这个软件包有助于迅速安装和管理安装了React hooks的累进Web App(PWA).

请检查您的应用程序在使用前是否具备要求的标准 : 网页. dev/安装标准

想做个好PWA吗? 读这个

安保部门支助

* 安装

yarn add @dotmind/react-use-pwa

或者说

npm i @dotmind/react-use-pwa --save

工作怎么样

使用Pwa软件

import { useEffect, useCallback  } from 'react';
import { usePwa } from '@dotmind/react-use-pwa';

const App = () => {
  const {
    installPrompt,
    isInstalled,
    isStandalone,
    isOffline,
    canInstall,
  } = usePwa();

  const handleInstallPrompt = useCallback(() => {
    if (canInstall) {
      installPrompt();
    }
  }, [canInstall, installPrompt]);

  if (isOffline) {
    return <p>Please check your network 📶</p>;
  }

  if (!isInstalled || !isStandalone) {
    return (
      <button onClick={handleInstallPrompt}>
        <span>Hey install our app 👋</span>
      </button>
    );
  }

  return (
    <h1>Welcome to our new app 🚀</h1>
  );
};

使用PwaAppSize 用户

选择应用启动宽度和高度( 仅以桌面独立模式) .

import { usePwaAppSize } from '@dotmind/react-use-pwa';

const App = () => {
  usePwaAppSize(400, 560);

  return <AppProvider />;
};

应用程序

捐款

欢迎拉动请求。 对于重大变动,请先开出一个问题来讨论你想要改变什么.

请确保酌情更新测试.

许可证

麻省理工学院