Kazutora Hattori - DEV Community

Kazutora Hattori

Oct 28

[Solo Development] Finding a place to study in Vancouver! Creating a map app with React and Supabase

#react #supabase #webdev #programming

7

4 min read

Kazutora Hattori

Oct 27

[JavaScript] How to Dynamically Create a URL to Open a Latitude and Longitude Location on Google Maps

#react #javascript #webdev #programming

1 min read

Kazutora Hattori

Oct 26

Understanding the difference between <a> and <Link> in React Router

#reactrouter #react #webdev #programming

5

1 min read

Kazutora Hattori

Oct 25

I've summarized the differences between terminal and shell

#linux #webdev #programming

1 min read

Kazutora Hattori

Oct 24

Explaining JSON.stringify() - The basics of converting objects to strings

#beginners #javascript #tutorial

2

1 min read

Kazutora Hattori

Oct 23

September 2025: Review of learning records

#aws #django #devops #learning

1 min read

Kazutora Hattori

Oct 22

Google Maps pins not updating in React? Causes and solutions

#webdev #programming

1 min read

Kazutora Hattori

Oct 21

A simple explanation of React's useMemo: A mechanism that simply remembers the results

#webdev #programming #beginners

2

1 min read

Kazutora Hattori

Oct 20

Why the map doesn't update when you switch conditions in React (Supabase x Google Maps)

#api #javascript #database #react

1 min read

Kazutora Hattori

Oct 19

The story of how RLS was the cause of data retrieval issues in Supabase [React x Supabase]

#supabase #webdev #programming

1 min read

Kazutora Hattori

Oct 18

Why you should type useState in TypeScript

#react #tutorial #typescript

1 min read

Kazutora Hattori

Oct 18

How to retrieve only one record in Supabase (.single())

#react #webdev #programming

1 min read

Kazutora Hattori

Oct 17

Cause and solution for "Too many re-renders" in useEffect

#help #react #webdev #programming

1 min read

Kazutora Hattori

Oct 16

A React Beginner's Guide to .filter() and a Change in Perspective

#react #method #webdev #programming

1 min read

Kazutora Hattori

Oct 15

How to retrieve only one record in Supabase (how to use .single())

#supabase #react

1

1 min read

Kazutora Hattori

Oct 14

The minimum code to switch three conditions on/off at once in React (useState filter)

#react #method #webdev #programming

5

1 min read

Kazutora Hattori

Oct 13

Cause and solution of the Supabase "supabaseKey is required" error [Vite + React]

#supabase #react #webdev #programming

1 min read

Kazutora Hattori

Oct 12

Things to note when passing arguments to React's onClick

#react #webdev #programming

1 min read

Kazutora Hattori

Oct 12

Things to note when passing arguments to React's onClick

#react #webdev #programming

1 min read

Kazutora Hattori

Oct 11

A simple explanation of the meaning and usage of "prev", "...prev", and "[key]" in React useState

#react #webdev

1 min read

Kazutora Hattori

Oct 10

[Solved] How to Fix "InvalidKey/AuthFailure" Error in Google Maps API (React + Vite)

#help #googlemapsapi #react #vite

1 min read

Kazutora Hattori

Oct 9

Cause and solution for "An import path can only end with a '.tsx'" error when building a Vite project using GitHub Actions

#help #githubactions #react #webdev

1 min read

Kazutora Hattori

Oct 8

[Solved] Cause and solution for "Failed to get Firebase project" when deploying Firebase GitHub Actions

#help #githubactions #firebase #octopusdeploy

2 min read

Kazutora Hattori

Oct 7

A story about getting stuck with Firebase Hosting cache issues

#firebase #react #webdev #programming

1 min read

Kazutora Hattori

Oct 6

Create a "Digital Business Card App" with React and Supabase!

#react #supabase #webdev #beginners

3 min read

Kazutora Hattori

Oct 5

Automatically delete Supabase data every morning! I tried batch processing with GitHub Actions + ts-node

#database #github #typescript #devops

2 min read

Kazutora Hattori

Oct 4

[Introduction to Jest Mocks] A collection of templates for testing React Router / Supabase / fetch

#javascript #tutorial #testing #react

1 min read

Kazutora Hattori

Oct 3

Introduction to React Hook Form: How to submit a form with handleSubmit without using useState

#webdev #programming #react

1

1 min read

Kazutora Hattori

Oct 2

When you can't delete due to foreign key constraints, delete in the order "child parent"!

#supabase #webdev #programming

1 min read

Kazutora Hattori

Oct 1

Jest React Router v6: A standard pattern for mocking and testing useNavigate

#jest #test #react

1 min read

Kazutora Hattori

Sep 30

What to do when you get "Unable to find an element with the text: ..." when using React Hook Form + Testing Library

#help #react #reacthookform #webdev

2 min read

Kazutora Hattori

Sep 29

Cause and solution for the "Unable to find an element with the text" error in React Hook Form + Chakra UI

#testing #frontend #javascript #react

1 min read

Kazutora Hattori

Sep 28

For those who don't understand /^[a-zA-Z]+$/: React Hook Form pattern explanation

#react

1 min read

Kazutora Hattori

Sep 27

How to use useNavigate to transition from a button in React

#react #reactrouter #webdev #programming

1 min read

Kazutora Hattori

Sep 26

Correct use of register and useState in React Hook Form

#reacthookform #react #webdev #programming

1 min read

Kazutora Hattori

Sep 26

I've reorganized the ternary operator (?:) so it can be used in TypeScript too!

#javascript #typescript #webdev #programming

1

1 min read

Kazutora Hattori

Sep 25

How I fixed the Chakra UI List component not found error by updating to the latest version.

#chakraui #webdev #programming

1 min read

Kazutora Hattori

Sep 23

[Introduction to React] Summary of conditional rendering: How to smartly switch visibility

#react #webcomponents #webdev #programming

2 min read

Kazutora Hattori

Sep 22

【React Router】A Summary of useParams

#reactrouter #react

1 min read

Kazutora Hattori

Sep 21

[React x Supabase] Renewing a learning record app with TypeScript and ChakraUI

#chakraui #typescript #webdev #programming

3 min read

Kazutora Hattori

Sep 20

Summary of the Error ‘crypto.hash is not a function’ Encountered During Vite + Firebase Hosting Deployment and Its Solution

#webdev #programming #firebase #vite

1 min read

Kazutora Hattori

Sep 19

What to do when you can't test Spinner with findByRole("status") (Jest + Chakra UI)

#jest #test #react

1 min read

Kazutora Hattori

Sep 19

How to fix the error that import.meta.env cannot be used in Jest (Vite + Supabase)

#supabase #jest #vite

1 min read

Kazutora Hattori

Sep 19

Jest test errors and solutions

#help #jest #react

2 min read

Kazutora Hattori

Sep 18

A Summary of React Testing Library Verification (.toBeInTheDocument() / .toHaveTextContent())

#help #react #test

1 min read

Kazutora Hattori

Sep 17

A Summary of User Interactions in React Testing Library (fireEvent / userEvent)

#react #programming

1 min read

Kazutora Hattori

Sep 16

A Summary of Element Search Methods in React Testing Library (getByText / getByRole / getByLabelText)

#react #testing

1 min read

Kazutora Hattori

Sep 15

Errors I encountered during Jest testing and how to fix them

#jest

2 min read

Kazutora Hattori

Sep 14

Errors I Encountered During Jest Testing and Their Solutions

#help #jest

1 min read

Kazutora Hattori

Sep 13

Common Git Errors and Solutions

#git #beginners

1 min read

Kazutora Hattori

Sep 12

[For Beginners] Quickly Fix Jest Crashing with import.meta in Vite+React+TypeScript (Supabase Compatible)

#vite #jest #typescript

1 min read

Kazutora Hattori

Sep 11

React Hook Form Summary: How to Easily Manage Forms Even for Beginners

#react

2 min read

Kazutora Hattori

Sep 10

One tool for both registration and editing! Basic Techniques for Reusing Forms in React

#react #webdev #programming

1 min read

Kazutora Hattori

Sep 9

How to Fix “supabaseUrl is required” in a Supabase Vite Project

#help #webdev #javascript #programming

1

1 min read

Kazutora Hattori

Sep 8

Errors I Got Stuck On and Their Solutions When Implementing Modals in Chakra UI

#help

1 min read

Kazutora Hattori

Sep 7

【Vite Error Resolution】How to Fix the “vite-tsconfig-paths Not Found” Issue

1 min read

Kazutora Hattori

Sep 6

Chakra UI v3 v2 Downgrade: Errors I Got Stuck On and How I Fixed Them

#help #ui #typescript

1 min read

Kazutora Hattori

Sep 4

How to Inherit .env in a Vite + Supabase Project

#vite #supabase #react

1 min read

Kazutora Hattori

Sep 4

Solution for “ChakraProvider's _config error” in React 19 + Chakra UI

#help #react

1 min read

Kazutora Hattori

Aug 31

【React Supabase】Improving My Study Log App: Persisting Daily Study Content and Hours

#react #programming #webdev #javascript

3 min read

Writing Debut

Want to connect with Kazutora Hattori?