feat: rax-pwa upgrade

[fyangstudio]

Add rax-pwa@1.1.0

Page keepAlive

SPA support keep the switched-out pages in memory, make alivepage keep it's state, input, scroll position and so on.

Usage：

// app.json
{
  "routes": [
    {
      "path": "/",
      "keepAlive": true,
      "source": "pages/Home/index"
    }
  ]
}

TabBar

Web projects support Tabbar generation. rax-pwa provides components for rendering pages for runApp in rax-app.

It works in web and weex app!

Usage：

// app.json
{
  "tabBar": {
    "textColor": "#999999",
    "selectedColor": "#666",
    "backgroundColor": "#f8f8f8",
    "items": [
      {
        "name": "home",
        "pagePath": "/"
      },
      {
        "name": "page1",
        "pagePath": "/page1",
      }
    ]
  }
}

preload and prerender

Add preload and presender methods.

// page home
import { createElement, useEffect } from 'rax';
import { preload, prerender } from 'rax-pwa';
import Text from 'rax-text';

export default function Home(props) {
  useEffect(() => {
    preload({path: '/page1'});
    prerender({path: '/page2'});
  }, []）
  return (
     <Text style={styles.title}>Welcome to Your Rax App</Text>
  );
}

[fyangstudio]

raxjs/rax-app#45