Qwik es un framework de Server Side rendering para crear aplicaciones web usando Lazy Loading y JSX (similar a React)
Instalacion
npm init qwik
cd qwick-app
npm i
npm start
Qwik es muy similar a React
Qwik hace uso de JSX, por lo que si haces uso de React este framework te va a parecer muy similar. Piensalo como un React, con nuevos Hooks.
import {component$} from '@builder.io/qwik'
export const App = component$(() => {
return <h1>Hello world</h1>
})
Counter
import {component$, useStore} from '@builder.io/qwik'
export const App = component$(() => {
const store = useStore({count: 0})
return <div>
<h1>Counter: {store.count}</h1>
<button onClick$={() => store.count++}>
incremente
</button>
</div>
})
- El simbolo
$significa Lazy Loading
Deploy
npm run build
npm run serve
Examples
https://qwik.builder.io/examples/introduction/hello-world