サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

はてなブックマーク

総合 ●人気 ●新着 ● IT ● 最新ガジェット ● 自然科学 ● 経済・金融 ● おもしろ ● マンガ ● ゲーム ● はてなブログ︵総合︶一般 ●人気 ●新着 ● 社会ニュース ● 地域 ● 国際 ● 天気 ● グルメ ● 映画・音楽 ● スポーツ ● はてな匿名ダイアリー ●人気 ●新着 ● 新型コロナウイルス ● 働き方 ● 生き方 ● 地域 ● 医療・ヘルス ● 教育 ● はてな匿名ダイアリー政治と経済 ●人気 ●新着 ● 政治 ● 経済・金融 ● 企業 ● 仕事・就職 ● マーケット ● 国際 ● はてなブログ︵政治と経済︶暮らし ●人気 ●新着 ● カルチャー・ライフスタイル ● ファッション ● 運動・エクササイズ ● 結婚・子育て ● 住まい ● グルメ ● お金 ● はてなブログ︵暮らし︶ ● 掃除・整理整頓 ● 雑貨 ● 買ってよかったもの ● 旅行 ● アウトドア ● 趣味学び ●人気 ●新着 ● 人文科学 ● 社会科学 ● 自然科学 ● 語学 ● ビジネス・経営学 ● デザイン ● 法律 ● 本・書評 ● 将棋・囲碁 ● はてなブログ︵学び︶テクノロジー ●人気 ●新着 ● IT ● セキュリティ技術 ● はてなブログ︵テクノロジー︶ ● AI・機械学習 ● プログラミング ● エンジニアおもしろ ●人気 ●新着 ● まとめ ● ネタ ● おもしろ ● これはすごい ● かわいい ● 雑学 ● 癒やしエンタメ ●人気 ●新着 ● スポーツ ● 映画 ● 音楽 ● アイドル ● 芸能 ● お笑い ● サッカー ● 話題の動画アニメとゲーム ●人気 ●新着 ● マンガ ● Webマンガ ● ゲーム ● 任天堂 ● PlayStation ● アニメ ● バーチャルYouTuber ● オタクカルチャー ● デスク環境を整える

﹃Home﹄

● 人気 ● 新着 ● すべて

React Journey

3users

alexsidorenko.com function App() { const [count, setCount] = useState(1); useEffect(() => { const t = setTimeout(() => { console.log(count); }, [count * 1000]); return () => clearTimeout(t); }, [count]); return ( <button onClick={() => setCount(count + 1) } > {count} </button> ); } function App() { const [count, setCount] = useState(1); useEffect(() => { const t = setTimeout(() => { console.log(count); }, [count * ● 暮らし ●2023/05/11 12:12

A Visual Guide to useEffect

164 users

alexsidorenko.com Here is what happens when you try to fetch data directly from the body of a functional component in React 👇 Why does this happen and what tools does React offer to solve this problem? Side effects If your React component affects anything outside of itself, it’s called a side effect. Side effects shouldn’t happen during component render. Therefore they do not belong to the body of a functional com ● テクノロジー ●2021/12/07 19:17 ●react ●あとで読む ●react.js ●visualization ●article ●エフェクト ●TypeScript ●it

A Visual Guide to React Rendering - Cheat Sheet

210 users

alexsidorenko.com When does react component re-render? What can cause the re-render, and how to prevent unnecessary renders? Here is a quick cheat sheet you can refer to whenever you find yourself asking these questions. This article serves as a table of contents for a Visual Guide to React Rendering series. Every section of the cheat sheet links to the correspondent chapter of the guide that explores a topic in de ● テクノロジー ●2021/10/19 19:14 ●react ●あとで読む ●cheatsheet ●react.js ●performance ●frontend ●javascript ●チートシート

A Visual Guide to React Rendering - useMemo

3users

alexsidorenko.com This is a 3rd chapter of "A Visual Guide to React Rendering". Check out previous chapters: It always re-renders and Props A quick quiz: Child wrapped with memo. When the user role is “Admin”, we want to pass an option to the Child to show a sidebar. However, the Child re-renders even when we change the user name. How do we prevent that? Should we wrap showSidebar calculation in useMemo ? Scroll do ● テクノロジー ●2021/08/10 20:21 ●React ●techfeed

A Visual Guide to React Rendering - It Always Re-renders

10users

alexsidorenko.com When does a React component re-render? Is it when its state or props change? Take a look at the gif above 👆 The structure of the app is: App > A > B > C. Here is a slightly simplified code: const App = () => { // state return <ComponentA /> } const ComponentA = () => <ComponentB /> const ComponentB = () => <ComponentC /> Components A, B, and C don’t have any props or state. Yet, they still re-ren ● テクノロジー ●2021/07/28 00:47 ●React ●techfeed

このページはまだ
ブックマークされていません

このページを最初にブックマークしてみませんか？

﹃Home﹄の新着エントリーを見る

キーボードショートカット一覧

j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ●総合 ●一般 ● ●政治と経済 ●暮らし ●学び ●テクノロジー ●エンタメ ●アニメとゲーム ●おもしろ ●アプリ・拡張機能 ●開発ブログ ●ヘルプ ●お問い合わせ ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●公式アカウント ●ホットエントリー ●はてなブログ ●はてなブログPro ●人力検索はてな ●はてなブログタグ ●はてなニュース ●ソレドコ