Hello World
This only exists to test out the mdx & prism
shiki twoslash
Rehype Pretty Code 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.
typescript
;((console as any).log as any)('Hello, World!' as any)
javascript
console.log('Hello, World!')
SolidJS (TypeScript)
tsx
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'))
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'))
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 (TypeScript)
tsx
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'))
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'))
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!"