#code

I like to surprise people with code.

Example: During the 2016 U.S. Presidential Campaign, I discovered a massive security hole on Donald Trump's campaign website. I wrote about the vulnerability, and it got picked up by Quartz, Popular Mechanics, and New York Magazine.

What went wrong on Trump's site? Well, it contained a script tag which directly referenced a file on a popular GitHub repository. So anyone could inject arbitrary JS code if the pull request is approved.

Details: You Could’ve Submitted a Pull Request to Inject Arbitrary JS Code into Donald Trump’s Site. Here’s How.

React.js Tutorial Gone Viral

I wrote a React.js tutorial called React.js Introduction For People Who Know Just Enough jQuery To Get By. It became one of the most upvoted posts on Hacker News during the week of July 6, 2015. As of June 2017, my tutorial received 380k pageviews.

Outside of the U.S. 🇺🇸 and U.K. 🇬🇧, the next 10 countries with the most number of visitors are: Canada 🇨🇦, India 🇮🇳, Germany 🇩🇪, Russia 🇷🇺, Australia 🇦🇺, France 🇫🇷, Ukraine 🇺🇦, Japan 🇯🇵, Poland 🇵🇱, and Brazil 🇧🇷.

Side Note: When I wrote the tutorial, I avoided telling anecdotes that might not be well understood by people living in other parts of the world. A lot of tutorials you read on programming books use fun stories to engage readers, but as an immigrant to the U.S. from Japan, I can say that many of those references often don't translate well to other cultures.

Example: Your programming tutorial might include a story about young programmers in a college dorm room. But in many countries including Japan, college students don't live in dorms - most commute to college. Readers from those countries may not relate to the story as well as readers in the U.S.

So my two cents: as a safe bet, minimize the dependency to culture when writing a programming tutorial.

On Functional CSS

In mid 2016, I wrote an essay on GitHub called Functional CSS - The Good, The Bad, and Some Protips for React.js Users. I advocated for using "functional" CSS libraries like Tachyons and explained some tips and tricks. I'm thankful to have received a lot of stars on GitHub.

Powered by Next.js

This site is built on top of next.js, a framework for server-rendered React apps. Feel free to use React Devtools to inspect this page. You can find the source code of this site here. I use GitHub pages for hosting.

Inclusive Innovation

I care about inclusive innovation and have spent countless hours supporting people who have or are about to make a transition into tech industry. I've written some articles on this topic: