Hello World
This only exists to test out the mdx & prism
shiki twoslash stuff. Also happens to be
a list of languages and / or frameworks I've used - not a list of languages I
know and not in any particular order.
javascript
console.log('Hello, World!')
typescriptjavascript
;((console as any).log as any)('Hello, World!' as any)
SolidJS (JavaScript)
jsx
import { createSignal } from 'solid-js'import { render } from 'solid-js/web'const App = () => { const [message, setMessage] = createSignal('Hello, World!') return <div>{message()}</div>}render(() => <App />, document.getElementById('root'))
SolidJS (TypeScript)
tsxjsx
import type { Component } from 'solid-js'import { createSignal } from 'solid-js'import { render } from 'solid-js/web'const App: Component = () => { const [message, setMessage] = createSignal('Hello, World!') return <div>{message()}</div>}render(() => <App />, document.getElementById('root'))
Vue 3 (script setup)
vue
<template> <div>{{ message }}</div></template><script setup lang="ts">import { ref } from 'vue'const message = ref('Hello, World!')</script>
Vue 2.7/3 (Composition API)
vue
<template> <div>{{ message }}</div></template><script lang="ts">import { defineComponent, ref } from 'vue'export default defineComponent({ setup() { const message = ref('Hello, World!') return { message, } },})</script>
Vue 2/3 (Options API)
vue
<template> <div>{{ message }}</div></template><script lang="ts">import { defineComponent, ref } from 'vue'export default defineComponent({ data() { return { message: 'Hello, World!', } },})</script>
React (JavaScript)
jsx
import { useState } from 'react'import { render } from 'react-dom'const App = () => { const [message, setMessage] = useState('Hello, World!') return <div>{message}</div>}render(<App />, document.getElementById('root'))
React (TypeScript)
tsxjsx
import type { FC } from 'react'import { useState } from 'react'import { render } from 'react-dom'const App: FC = () => { const [message, setMessage] = useState('Hello, World!') return <div>{message}</div>}render(<App />, document.getElementById('root'))
bash
echo 'Hello, World!'
perl
print 'Hello, World!\n';
python
print('Hello, World!')
c
#include <stdio.h>int main(void) { printf("Hello, World!\n"); return 0;}
go
import ( "fmt")func main() { fmt.Println("Hello, World!")}
java
public class WHYYYYYY { public static void main(String[] args) { System.out.println("Hello, World!"); }}
kotlin
fun main() { println("Hello, World!")}
sql
SELECT "Hello, World!";
css
body::after { content: 'Hello, World!';}
markdown
Hello, World!
html
<!DOCTYPE html><html lang="en"> <head> <title>Hello, World!</title> </head> <body> Hello, World! </body></html>
rust
fn main() { println!("Hello, World!")}
cpp
#include <iostream>auto main() -> int { std::cout << "Hello, World!\n";}
csharp
using System;Console.WriteLine("Hello, World!");
haskell
main = putStrLn "Hello, World!"
latex
\begin{document}Hello, World!\end{document}
r
print("Hello, World!")
matlab
disp 'Hello, World!'
json
{ "message": "Hello, World!"}
yaml
message: 'Hello, World!'
toml
message = "Hello, World!"