Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alibaba/rax
๐ฐ Rax is a progressive framework for building universal application. https://rax.js.org
https://github.com/alibaba/rax
framework javascript miniapp mobile pwa rax ssr typescript universal web weex
Last synced: 3 days ago
JSON representation
๐ฐ Rax is a progressive framework for building universal application. https://rax.js.org
- Host: GitHub
- URL: https://github.com/alibaba/rax
- Owner: alibaba
- License: other
- Created: 2016-10-14T07:53:50.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-03-27T06:49:28.000Z (over 1 year ago)
- Last Synced: 2024-10-29T10:54:41.524Z (about 1 month ago)
- Topics: framework, javascript, miniapp, mobile, pwa, rax, ssr, typescript, universal, web, weex
- Language: JavaScript
- Homepage:
- Size: 20 MB
- Stars: 7,994
- Watchers: 201
- Forks: 625
- Open Issues: 77
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-frontend - rax - Rax is a progressive React framework for building universal application. ![](https://img.shields.io/github/stars/alibaba/rax.svg?style=social&label=Star) (Repository / Cross Platform/Multiple Platform)
- awesome-preact - Rax - A universal React-compatible render engine. (Uncategorized / Uncategorized)
- awesome-github-star - rax
- awesome-rax - Rax GitHub
- awesome-made-by-chinese - rax
- awesome-quick-dev - rax - square) (ๅฐ็จๅบไธApp / Web็ฎก็ๅๅฐ้็จ)
- awesome-react-cn - rax
README
Rax is a progressive framework for building universal applications.---
๐ **Write Once, Run Anywhere:** write one codebase, run with `Web`, [`Weex`](https://weex.apache.org/), [`Node.js`](https://nodejs.org/), `Alibaba MiniApp`, and `WeChat MiniProgram`. Rax can be used with additional containers that implement it's [driver specification](https://github.com/alibaba/rax/wiki/Driver-Specification).
โฑ **Fast:** better performance and a tiny size(๐ฆ~6KB) when compared to [React](http://reactjs.org/) using the same API.
๐ค **Easy:** quick start with zero configuration, all features like `Progressive Web App (PWA)`, `Server-Side Rendering (SSR)`, and `Function as a service (FaaS)` can be used out of the box.
### Quick Start ๐ฅข๐
#### Start from command line
Create a new Rax project using `create-rax`:
```sh
$ npm init rax
```
_`npm init ` is available in npm 6+_Start local server to launch project:
```sh
$ cd
$ npm install
$ npm run start
```#### Start from [VS Code](https://code.visualstudio.com/)
You need to install the [AppWorks Pack](https://marketplace.visualstudio.com/items?itemName=iceworks-team.iceworks) and invoke the `Create Application` command from the VS Code command palette (`Ctrl + Shift + P` or `Cmd + Shift + P` on Mac):
![vscode](https://img.alicdn.com/imgextra/i4/O1CN01B2NdUc1LVH9UffWpV_!!6000000001304-1-tps-960-720.gif)
### Developer Tools ๐
You can inspect and modify the state of your Rax components at runtime using the
[Rax Developer Tools](https://github.com/raxjs/rax-devtools) browser extension,
however the extension will not work in `production` mode.1. Install the Chrome [Rax Developer Tools](https://chrome.google.com/webstore/detail/rax-developer-tools/anpeoinhjjligmgoiepbnigjhmijblff) extension
2. Reload and go to the 'Rax' tab in the browser's development tools#### VS Code Extension
You can use [AppWorks Pack](https://marketplace.visualstudio.com/items?itemName=iceworks-team.iceworks) to get better development experience.
### Awesome Things ๐
You can find some awesome things in [awesome-rax](https://github.com/raxjs/awesome-rax).
### Contributing ๐งผ
Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our [guidelines for contributing](./.github/CONTRIBUTING.md).
#### Code Contributors
This project exists thanks to all the people who contribute.
### Community support
For general help using Rax, please refer to [the official site](https://rax.js.org/). For additional help, you can use one of these channels to ask a question:
- [GitHub](https://github.com/alibaba/rax) (Bug reports, contributions)
- [Twitter](https://twitter.com/RaxNews) (Get the news fast)
- [Medium](https://medium.com/@raxjs) (Get blogs and articles)
- [็ฅไนไธๆ ](https://zhuanlan.zhihu.com/raxjs) (Get blogs and articles in Simplified Chinese)