Kaziu articles - 48 total
<ChatGPT vs me> A better way to call functions in a child component from a parent component in React
❓Question // should define in child component (<Body>) // to follow the...
Things to watch out for when using multiple ag-Grids on the same page
(I took notes because multiple ag-Grids on a single page didn't work well) When I was trying to...
Modal with ReactDOM.createPortal
https://react.dev/reference/react-dom/createPortal What is that We can specify DOM...
define type of 'hoge_hoge_1' in typescript
I had a opportunity to define like this type hoge_hoge_1 which last character changes of number as...
Explain what is higher order function by Pikachu
What is higher order function? function that take in a function as an argument function...
What is "return" in useEffect
Clean up function There is like this code useEffect(() => { console.log('effect...
Difference between Logical OR (||) and Nullish coalescing operator(??)
Have you came across like this situation ? obj.name ? obj.name : "I don't know" Enter...
17 Frontend code reviews in real project (react, typescript)
mainly javascript/typescript and react, let's get start it 💎 1. Use date-fns instead of...
I wanna make CPU slower than default setting in chrome devtool 😣!
Normally when you need CPU to get slower in chrome, set Performance > CPU but slowest setting...
I've just created simple frontend Todo app with clean architecture
↓ detail here https://github.com/kazoogon/frontend_with_cleanArchitecture As I've written in title,...
😅 スクロールで動かなくなります！ をどうやってchrome dev tool使用してfrontの問題を解決したのか
Solve frontend performance problem by chrome dev tool in real...
📦 loop and block scope. difference between var and const with image
At first basic for loop for(let i = 0; i < 5; i++) { const num = i * 2 ...
🤔 For what prototype??
what is prototype? simply put, special property in object For example function...
🌀 Iterator and Generator
💎 Iterator iterator is function which has next function which returns object {done,...
Closure + Arrow function = extremely short
▼ If you don't know about Closure, I've already written about it ...
Destructuring assignment in javascript
what is destructuring assignment ? 😎 unpack values from arrays, or properties from objects ...
👀 var, let, const in javascript . just 30sec
redeclare reassign scope initialize let ⛔ ✅ 🗳 block ⛔ const ⛔ ⛔ 🗳...
Hoisting in javascript. Magic of declare order
What is hoisting ?? a variable can be used before it has been declared because it stores...
😎 imposter of "this". apply(), call(), bind()
💎 Imposter of 'this' At first show you this sample of call(), it's ok if you don't get it...
"Object.assign". It's easier than you think
💎 What is Object.assign normally it is used when merge multiple objects const target =...
{} === {} is false... 😳WHaT?? Let me explain it with image 🖼
In javascript const obj1 = {} const obj2 = {} obj1 === obj2 // false Enter fullscreen mode ...
🏄♂️ DNS record : A, MX, CNAME, TXT
I always forget about it, so I'm gonna write it down to cheat quickly someday 😝 💎 A...
SOLID : Dependency Inversion
When I searched about it, it turned out Dependency Inversion is accomplished by using Dependency...
SOLID : Interface Segregation
Interface Segregation defines like this Clients should not be forced to implement any methods they...
SOLID : liskov substitution
definiton of liskov substitution is like that 🤔 The Liskov Substitution Principle (LSP) states that...
SOLID : Open closed principle, explain simply
Open closed principle defines like that Software elements (classes, modules, function...) should be...
"😭 Escape from crazy boy friend!" explain Dependency Injection simplest way
🔥 Dangerous situation Woman has crazy boy friend, but she can't escape from him. She...
Solve frontend performance problem by chrome dev tool in real project (ag-grid)
↓ This is Japanese version of this article 😅 スクロールで動かなくなります！...
😇 "Javascript Closure" I think you can get what it is finally after reading this
💎 function in function ▼ in function can declare function in javascript function...
Getting understand "useReducer in React" from real life sample
💖 For those who have learned about useReducer, but still can't get when you should use intuitively ...