How I changed my career and landed my first developer job — I’m happy to announce that I just started my new career as Software Engineer! I’m sharing my story in hopes to inspire others who are thinking to change their careers as well. Before I wrote my first line of code, I knew nothing about programming. Before we dive into my…

Make your habits stick and build your streak! — The Problem Every year we try to make new habits to improve our life. However, we often find ourselves coming short of our goals, or giving up on being consistent with them before they can really be considered habits. The Solution Introducing Mainichi Habits! …

How to store data for a particular domain in the browser — localStorage and sessionStorage are both ways for browsers to store key/value pairs for a particular domain using the Web Storage API. In this article, we will take a look at the difference between localStorage and sessionStorage and learn how to use them. …

What is the Set object and how can we use it? — When I first started learning JavaScript, I went through many different tutorials. One thing that I never came across in any of the beginner tutorials was the Set object. The Set object is not a fundamental concept that you must learn about immediately. …

Easily create a dialog component with Tailwind CSS — Tailwind CSS is one of the most popular options when it comes to styling React applications. You can easily add styles to your components with utility classes, rather than creating external CSS files. If you are new to Tailwind CSS, check out the article below to get started. Introduction to Using Tailwind CSS with Next.js Why you should use Tailwind CSS in your Next.js applicationjavascript.plainenglish.io

Add types to the useState hook — TypeScript and React are two of the most popular technologies out there today. You can use them together to build amazing projects taking the benefits from both. React makes it easy to build user interfaces and TypeScript type checks all of the JavaScript to help prevent errors. In this article…

Learn how to create a styled component, global theme, and pass props — Styled-components is a popular library that is used to style React applications. It allows you to build custom components by writing actual CSS in your JavaScript. In this article, we will take a look at how to use styled-components in a React application. By the end of the article, you…

Why do the React docs recommend using controlled components to implement forms? — When dealing with form data in React, you can use either controlled components or uncontrolled components. According to the React docs, a controlled component is the recommended way to go for most cases. “In most cases, we recommend using controlled components to implement forms. In a controlled component, form data…

A look back at 1 year of writing on Medium — I published my first article on Medium on October 25th, 2020. At the time, I wanted to use my blog to show potential employers what I was learning. …