ximalayacloud / award Goto Github PK
View Code? Open in Web Editor NEW⚙基于react的服务端渲染框架
Home Page: https://award.deno.dev
License: MIT License
award's People
Contributors
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Stargazers
Watchers
Forkers
topthinking nbclassplus king-lxt qiaomengnan16 jcstack bule-sky liusaint hcnicepink minehuicheng ajing741472797 builderryan ethanvs appzk siriuszht fiveandnine huangxiangsai jetdu0319award's Issues
在scss中使用字体文件出现not found
问题在于解析之后的scss文件地址变了，include的相对路径自然找不到
award视频教程
体验
- 快速体验
- 服务端渲染原理和背景介绍，以及需要解决的问题
基础
- 路由使用介绍
- 配置文件和命令介绍
- 数据获取和使用介绍、mock功能详细说明
- 静态资源介绍
- 错误解决方案
- dom组件和Head组件介绍，SEO相关
- server.js的介绍使用
- 部署说明
- TypeScript、eslint、babel插件等接入方式
插件
- 插件使用介绍
- hook说明
- 手把手开发一个插件
贡献指南√
- 示例
- 单元测试
总结
- 同构项目注意事项
- 手把手开发一个同构demo【抛砖引玉，后续可能会进行源码分析 : )】
Head模块报错
使用Head模块报错如下：
没有与此调用匹配的重载。 第 1 个重载(共 2 个)，“(props: HelmetProps | Readonly<HelmetProps>): Helmet”，出现以下错误。 类型“{ children: Element[]; }”与类型“IntrinsicAttributes & IntrinsicClassAttributes<Helmet> & Readonly<HelmetProps>”不具有相同的属性。 第 2 个重载(共 2 个)，“(props: HelmetProps, context: any): Helmet”，出现以下错误。 类型“{ children: Element[]; }”与类型“IntrinsicAttributes & IntrinsicClassAttributes<Helmet> & Readonly<HelmetProps>”不具有相同的属性。
我的代码只是使用的官方Demo
react版本18.2.0 node版本12.21.0
import { Head } from "award"; class App extends React.Component{ render(){ return ( <> <Head> <title>award</title> </Head> <h1>award demo</h1> </> ) } }
award支持预渲染
目前award缓存与预渲染只能渲染路由组件render后的结构，无法获取特定时刻渲染的快照结构
- award 单页使用时支持预渲染指定快照内容
- 服务端渲染缓存时能缓存指定的内容
预计1.2.0版本将完善award框架对react17版本的支持
- 目前基于award的项目，仍然可以使用17版本的react
- 但是award框架内的react相关逻辑和测试都是基于16的，预计
1.2.0版本依赖将会17
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.