Skip to content
Jacky's blog
Go back

Hello, world — starting my React blog on GitHub Pages

Couple days ago I was watching Tiktok and found Github is able to host static site. And recently I’m doing a lot of React related work. Then I came up with the idea to use React plus Github to make my personal Blog. I know there are lots of web sites you can create your Blog. And also much easier to do than using React. However using React, I have a lot of flexibility. And the best part is, it compiles to static files, perfectly works with Github page. And React is fun to work with too.

The React framework I’m using, it’s Material UI. It’s a popular React UI framework. I found it very easy to use. It has very detail documentation. Pages developed by it have very nice look. Setting up Github page is also very easy. I was looking at the theme provided by Github. It’s easy but has limited feature. Which it makes sense for people want to quickly set up not-so-fancy static page without too much work. And it’s pretty easy to hook up the site with my domain. It took me couple hours to understand the whole thing and set everything up.

So now I’m thinking what should I write for my first Blog. I thought of couple months ago, I was with my friends in a cottage. We were enjoying watching the galarxy. And my friend gave us a question to think for fun, since it was dark and quiet. The question was, there are 12 balls, they looked exactly the same. There is only one weights different. You don’t know it’s heavier or lighter. And you have a balance scale. How many times minimum you need to weight to find it out? Of course I could not get the answer right away. I was thinking hard so that I missed seeing some shooting stars. But luckily, I still was able to see one or two. Couple days later, I decided to solve the question. Took me a day to sort it out. I put it in a diagram to illustrate how it works. The diagram tool I used is call draw.io. A very nice tool I use for all my diagrams.


12 balls weight



Share this post on:

Previous Post
PassportJS in NodeJS handle Oauth2