<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://levelup.gitconnected.com/what-is-the-difference-between-local-storage-and-session-storage-1bd81d8375b4?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*zU8WdjXLWudN27x6" width="5372"></a></p>
<p class="medium-feed-snippet">How to store data for a particular domain in the browser</p>
<p class="medium-feed-link"><a href="https://levelup.gitconnected.com/what-is-the-difference-between-local-storage-and-session-storage-1bd81d8375b4?source=rss-6bb3c9d1a1f4------2">Continue reading on Level Up Coding »</a></p>
</div>

What is the Difference Between Local Storage and Session Storage?

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://blog.devgenius.io/how-to-use-the-set-object-in-javascript-745b10a64e16?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*vnEzwkeUixh2zrD-" width="5398"></a></p>
<p class="medium-feed-snippet">What is the Set object and how can we use it?</p>
<p class="medium-feed-link"><a href="https://blog.devgenius.io/how-to-use-the-set-object-in-javascript-745b10a64e16?source=rss-6bb3c9d1a1f4------2">Continue reading on Dev Genius »</a></p>
</div>

How to Use the Set Object in JavaScript

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://javascript.plainenglish.io/how-to-use-the-dialog-component-with-headless-ui-and-tailwind-css-f8f11edcaf06?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2304/0*_K6p4onB2hJlhvM7" width="2304"></a></p>
<p class="medium-feed-snippet">Easily create a dialog component with Tailwind CSS</p>
<p class="medium-feed-link"><a href="https://javascript.plainenglish.io/how-to-use-the-dialog-component-with-headless-ui-and-tailwind-css-f8f11edcaf06?source=rss-6bb3c9d1a1f4------2">Continue reading on JavaScript in Plain English »</a></p>
</div>

How to Use the Dialog Component with Headless UI and Tailwind CSS

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://javascript.plainenglish.io/how-to-use-the-usestate-hook-in-react-with-typescript-4463b0b4051f?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*GmQEqSNUlomftemM" width="3992"></a></p>
<p class="medium-feed-snippet">Add types to the useState hook</p>
<p class="medium-feed-link"><a href="https://javascript.plainenglish.io/how-to-use-the-usestate-hook-in-react-with-typescript-4463b0b4051f?source=rss-6bb3c9d1a1f4------2">Continue reading on JavaScript in Plain English »</a></p>
</div>

How to Use the useState Hook in React With TypeScript

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://betterprogramming.pub/introduction-to-styled-components-in-react-d84583c28dde?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*UkKdmWbRBdIg_LEx" width="5837"></a></p>
<p class="medium-feed-snippet">Learn how to create a styled component, global theme, and pass props</p>
<p class="medium-feed-link"><a href="https://betterprogramming.pub/introduction-to-styled-components-in-react-d84583c28dde?source=rss-6bb3c9d1a1f4------2">Continue reading on Better Programming »</a></p>
</div>

Introduction to Styled-Components in React

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://levelup.gitconnected.com/the-difference-between-controlled-and-uncontrolled-components-in-react-b76ac333db4d?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*qbY3mMGGsZHcsKCm" width="6000"></a></p>
<p class="medium-feed-snippet">Why do the React docs recommend using controlled components to implement forms?</p>
<p class="medium-feed-link"><a href="https://levelup.gitconnected.com/the-difference-between-controlled-and-uncontrolled-components-in-react-b76ac333db4d?source=rss-6bb3c9d1a1f4------2">Continue reading on Level Up Coding »</a></p>
</div>

The Difference Between Controlled and Uncontrolled Components in React

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://medium.com/code-and-chill/my-100th-article-on-medium-32316a12c7dc?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*lRpom7d8Tm5fjc3-" width="5472"></a></p>
<p class="medium-feed-snippet">A look back at 1 year of writing on Medium</p>
<p class="medium-feed-link"><a href="https://medium.com/code-and-chill/my-100th-article-on-medium-32316a12c7dc?source=rss-6bb3c9d1a1f4------2">Continue reading on Code and Chill »</a></p>
</div>

My 100th Article on Medium

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://javascript.plainenglish.io/javascript-tip-why-0-is-rendered-when-using-the-logical-and-operator-with-array-length-aae24d05c9d7?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*dC9cThfgQkl0ZKcW" width="6000"></a></p>
<p class="medium-feed-snippet">Understanding how short-circuit evaluation works.</p>
<p class="medium-feed-link"><a href="https://javascript.plainenglish.io/javascript-tip-why-0-is-rendered-when-using-the-logical-and-operator-with-array-length-aae24d05c9d7?source=rss-6bb3c9d1a1f4------2">Continue reading on JavaScript in Plain English »</a></p>
</div>

JavaScript Tip: Why “0” is Rendered When Using the Logical AND (&amp;&amp;) Operator with Array.length

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://blog.devgenius.io/how-to-use-the-keyof-type-operator-in-typescript-6d5e0ea6740f?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*zyqknW1Vlt6qmDAD" width="3008"></a></p>
<p class="medium-feed-snippet">Exploring the `keyof` type operator and its use with generic functions</p>
<p class="medium-feed-link"><a href="https://blog.devgenius.io/how-to-use-the-keyof-type-operator-in-typescript-6d5e0ea6740f?source=rss-6bb3c9d1a1f4------2">Continue reading on Dev Genius »</a></p>
</div>

How to Use the `keyof` Type Operator in TypeScript

<div class="medium-feed-item">
<p class="medium-feed-image"><a href="https://blog.devgenius.io/introduction-to-generics-in-typescript-e81ed146a330?source=rss-6bb3c9d1a1f4------2"><img src="https://cdn-images-1.medium.com/max/2600/0*xcECKqmYatDva24O" width="5184"></a></p>
<p class="medium-feed-snippet">What are generics and how do we use them with TypeScript?</p>
<p class="medium-feed-link"><a href="https://blog.devgenius.io/introduction-to-generics-in-typescript-e81ed146a330?source=rss-6bb3c9d1a1f4------2">Continue reading on Dev Genius »</a></p>
</div>

Introduction to Generics in TypeScript

Learning Japanese is hard. Passing the Japanese Language Proficiency Test may be even harder. I created this application to help me finally pass the JLPT N2 exam. There is a vocabulary section, category section, and a study section (coming soon).

https://github.com/chadmuro/japanese-server

Learning to code is a challenge and I want to help other who are just starting out. I created this platform to help beginners to code getting started. There is an articles section of my recent blog posts, resources section, and a mentor section.

https://learn-code-teach-code.vercel.app/

Hello, my name is Chad

I'm a Frontend Developer living in Tokyo, Japan.

I enjoy building user-friendly websites and web applications.

Skills

JavaScript

TypeScript

React

Next.js

Redux

Git

GitHub

Firebase

Sass

Material-UI

Tailwind CSS

Storybook

HTML5

CSS

Projects

Japanese Memory

Learn Code, Teach Code

Recent Articles

What is the Difference Between Local Storage and Session Storage?

How to Use the Set Object in JavaScript

How to Use the Dialog Component with Headless UI and Tailwind CSS

How to Use the useState Hook in React With TypeScript

Introduction to Styled-Components in React

Get in Contact