Life is Really Short, Have Your Life!!

ござ先輩の主に技術的なメモ

React

Jotai めっちゃ良いじゃん...

nulab.com WeakMapを使っておりコンポーネントツリーがdisposeされるタイミングでGCが走る Mockを作るのが簡単 非同期処理に対応している atomの中でatomを参照でき、リスナーが作れる WeakMapの話はこの辺に詳しい。フロントエンドあるあるだね。ARCを採用…

Reactの学習を辞めてSvelteで開発しようかなというお気持ちが

lealog.hateblo.jp こちらの記述がピンズドだった。 原初の時代からReactな案件をそれなりにこなしてきたけど、今でもReact-wayですべてを考えるのはやっぱり小難しいな〜って思うし、このEasyではなくSimpleに極振りしたAPIセットを使いこなすのまじムズい…

ReactでUIコンポーネント作る粒度の温度差について

Checkboxのコンポーネントを作るになんでこれだけのコード量が必要になるのだろうか... Hooksもふんだんに使われている。 github.com import React, { useCallback, useEffect, useRef, useState } from "react"; import styled from "styled-components"; i…

Next.js のgetStaticPropsのチュートリアルをTypeScriptで

nextjs.org 以下の所をTypeScriptで書くとこうなったので、共有。 function Blog({ posts }) { return ( <ul> {posts.map((post) => ( <li>{post.title}</li> ))} </ul> ) } // This function gets called at build time export async function getStaticProps() { // Call an …