How to use fre - 10 common examples
To help you get started, we’ve selected a few fre examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
yisar / fre / demo / router / index.js View on Github 
export function useRoutes (routes) {
const [rid] = useState(Math.random().toString())
const setter = useState(0)[1]
let stackObj = stack[rid]
if (!stackObj) {
stackObj = {
routes: Object.entries(routes),
setter
}
stack[rid] = stackObj
process(rid)
}
console.log(stackObj.component(stackObj.props))
return typeof stackObj.component === 'function'export function useRoutes (routes) {
const [rid] = useState(Math.random().toString())
const setter = useState(0)[1]
let stackObj = stack[rid]
if (!stackObj) {
stackObj = {
routes: Object.entries(routes),
setter
}
stack[rid] = stackObj
process(rid)
}
console.log(stackObj.component(stackObj.props))import { useContext, Context, render, h } from 'fre'
function App () {
const context = useContext(Context)
return <main>{context}</main>
}
render(
,
document.body
)<p align="center">
<img width="180" alt="fre logo" src="http://wx2.sinaimg.cn/mw690/0060lm7Tly1ftpm5b3ihfj3096097aaj.jpg">
</p>
<h1 align="center">Fre</h1>
<h3 align="center">Fast 1kb React-like hooks API js library</h3>
<div class="wrap">
</div>
)
}
render(, document.body)export function useRoutes(routes) {
const id = useState(Symbol())[0]
const setter = useState(0)[1]
let stack = {
routes: Object.entries(routes),
setter
}
routeStack[id] = stack
perfrom(id, true)
return typeof stack.component === 'string'
? push(stack.component)
: stack.component(stack.props)
}export function useRoutes(routes) {
const id = useState(Symbol())[0]
const setter = useState(0)[1]
let stack = {
routes: Object.entries(routes),
setter
}
routeStack[id] = stack
perfrom(id, true)
return typeof stack.component === 'string'
? push(stack.component)
: stack.component(stack.props)
}
