AdonisJS - A fully featured web framework for Node.js

@entryPointScripts('app') `)),mdx("p",null,"Open your main JavaScript file: ",mdx("inlineCode",{parentName:"p"},"resources/js/app.js")," and fill it like below:"),mdx("pre",null,mdx("code",a({parentName:"pre"},{className:"language-jsx"}),`// resources/js/app.js import "../css/app.css"; import { createSignal, onCleanup } from "solid-js"; import { render } from "solid-js/web"; const App = () => { const [count, setCount] = createSignal(0), timer = setInterval(() => setCount(count() + 1), 1000); onCleanup(() => clearInterval(timer)); const style = \` display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:128px; font-weight:bold; height:100vh; \`; return

{count()}

; }; render(() => , document.getElementById("app")); `)),mdx("p",null,"You'll easily notice the different styling syntax comparing to React. You can see other ",mdx("a",a({parentName:"p"},{href:"https://www.cbsofyalioglu.com/code/styling-and-control-flow-in-solidj/#styling"}),"styling syntax in SolidJS"),"."),mdx("p",null,"Now you can start the app by executing the command below. Then you will see a timer on your screen."))}MDXContent.isMDXComponent=!0;