Hello world

Hello world, and welcome to my blog. I'm a fullstack software developer working in React, React Native, Typescript, and Node. The frontend is where I spend most of my time, so that's what I'll be writing about.

The stack

This blog is powered by Next.js, MDX, and Tailwind. As of writing this I'm planning to host it with Render since they have a generous free tier for static sites that includes TLS support for custom domains.

Why I like MDX

If you're a developer then chances are you've already heard of MDX, but in case you haven't its a language that lets you mix JSX with markdown. The markdown part of MDX means I can show you the code for a React component with syntax highlighting by pasting it between an opening ```jsx and a closing ```:

1// @/components/counter.tsx
2function Counter() {
3  const [count, setCount] = useState < number > 0;
4  return (
5    <div className="text-center">
6      <div className="mb-4 text-lg">{count}</div>
7      <button
8        className="bg-orange-500 w-8 h-8 rounded text-white mr-4"
9        onClick={() => setCount((c) => c - 1)}
10      >
11        -
12      </button>
13      <button
14        className="bg-orange-500 w-8 h-8 rounded text-white"
15        onClick={() => setCount((c) => c + 1)}
16      >
17        +
18      </button>
19    </div>
20  );
21}

And the JSX part means I can import the actual component at the top of my file with import { Counter } from "@/components/counter"; and render it in my post with <Counter />:

Why I'm writing this

My goal for this blog is both to clarify my own thinking on software development and to share with you cool things I find or build that you might be able to use. I plan to post once a week 🤞 for the forseeable future, so stay tuned.