Nova.js - A collection of dependency-free React hooksA collection of dependency-free React hooksCarefully developed React hooks that you can copy and paste into your projects.
react-robot
# react-robot Table of Contents react-robot Installation API License The react-robot package provides the useMachine hook for use with React. import React from 'react'; import ReactDOM from 'react-dom'; import { createMachine, state, transition } from 'robot3'; import { useMachine } from 'react-robot'; const machine = createMachine({ off: state( transition('toggle', 'on') ), on: state( transition(
BudouX: èªã¿ã‚„ã™ã„改行ã®ãŸã‚ã®è»½é‡ãªåˆ†ã‹ã¡æ›¸ã器
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
react-hook-form ㌠Valibot ã«å¯¾å¿œã€Zod比較ã§ãƒãƒ³ãƒ‰ãƒ«ã‚µã‚¤ã‚ºãŒ92%削減
Zodã¨ã®æ¯”較 å…¬å¼ã‚µã‚¤ãƒˆã§ã€Valibot ã¯ã€Zod ã¨æ¯”較ã—ã¦ã€ãƒãƒ³ãƒ‰ãƒ«ã‚µã‚¤ã‚ºãŒæœ€å¤§98%削減ã§ãã‚‹ã¨è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚今回作æˆã—ãŸå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã§ã‚‚ã€92.2%ã®å‰Šæ¸›ã‚’確èªã§ãã¾ã—ãŸã€‚ VSCode 上㧠Zod ã§ä½œæˆã—㟠Schema ファイルã®ã‚µã‚¤ã‚ºã¯ gzipped 圧縮ã§12.8kã§ã™ï¼ˆZod を利用ã—㟠Schema ã¯ã“ã¡ã‚‰ã‚’å‚ç…§ãã ã•ã„）。 Zodã®Schema実装 import { z } from "zod"; const email: z.ZodString = z .string({ required_error: "入力ãŒå¿…é ˆã®é …ç›®ã§ã™" }) .min(1, { message: "入力ãŒå¿…é ˆã®é …ç›®ã§ã™" }) .max(255, { message: "255æ–‡å—以内ã§å…¥åŠ›ã—ã¦ãã ã•ã„" }) .email({ message: "メールアドレスã®
Jotaiã§å¿«é©ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
ã“ã“2å¹´ã»ã©ã€ã™ã£ã‹ã‚Šãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«ãªã£ã¦ã„る藤田ã§ã™ã€‚以å‰ã€Reactフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®çŠ¶æ…‹ç®¡ç†ãƒ©ã‚¤ãƒ–ラリRecoilã«ã¤ã„ã¦è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ Recoilã§å¿«é©ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º Recoil Syncã§ã•ã‚‰ã«å¿«é©ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º ãã®å¾Œã©ã†ãªã£ãŸã‹ã¨ã„ã†ã¨ã€å®Ÿã¯Recoilã‹ã‚‰Jotaiã«ä¹—ã‚Šæ›ãˆã¦ã„ã¦ã€åŠå¹´ã»ã©çµŒã¡ã¾ã—ãŸã®ã§ã€Jotaiã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ サイトã®ä¸€è¡Œç›®ã‹ã‚‰ã€ŒRecoilã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚ŒãŸã€ã¨è¨€ã£ã¦ã‚‹ã¨ãŠã‚Šã€Recoilã®è‰¯ã„ã¨ã“ã‚ã‚’å—ã‘継ãŽã€ä¸ä¾¿ãªã¨ã“ã‚ã‚’ç„¡ãã—ãŸã‚ˆã†ãªçŠ¶æ…‹ç®¡ç†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ Jotaiã®åŸºæœ¬ 基本ã¯Recoilã¨ã»ã¨ã‚“ã©åŒã˜ã§ã€React.useStateを便利ã«ã—ãŸã‚ˆã†ãªæ„Ÿè¦šã§éžå¸¸ã«ç°¡å˜ã«ä½¿ãˆã¾ã™ã€‚3ステップã§è¦‹ã¦ã¿ã¾ã—ょã†ã€‚ 1. Providerã§å›²ã‚€ アプリケーション全体を<Provider>ã§å›²ã¿ã¾ã™ã€‚ impo
Runa: Ruby ã§ä¸è¦æ¨¡ã‚¢ãƒ—リケーションを書ããŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク - ãŠã‚“ãŒãˆã—ã® blog
Runa ã¨ã„ㆠRuby 㧠Gem を使ã£ãŸã‚Šè¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã§æ§‹æˆã•ã‚ŒãŸä¸è¦æ¨¡ã®ã‚¢ãƒ—リケーションを簡å˜ã«æ›¸ããŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを作ã£ã¦ã„ã¾ã™ã€‚ Runa を作ã£ãŸçµŒç·¯ Ruby ã¯å˜ç‹¬ã®ã‚¹ã‚¯ãƒªãƒ—トファイルã¨ã—ã¦å®Ÿè¡Œã™ã‚‹ã¨ãã¯å–り回ã—ã‚‚ç°¡å˜ã§å¤§å¤‰ä½¿ã„ã‚„ã™ã„(å°è¦æ¨¡ã‚¢ãƒ—リケーション) ãŒã€ç‰¹å®šã® gem ã«ä¾å˜ã—ãŸã‚Šè¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã§æ§‹æˆã•ã‚Œã‚‹ã‚ˆã†ãªã‚¢ãƒ—リケーションを作ã‚ã†ã¨ã™ã‚‹ã¨ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªæ–¹æ³•ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚‰ãš(特ã«é…布や共有ã®ã“ã¨ã‚’考ãˆã‚‹ã¨)æ•·å±…ãŒé«˜ããªã£ã¦ã—ã¾ã†(ä¸è¦æ¨¡ã‚¢ãƒ—リケーション) ã“ã‚ŒãŒä»Šã¾ã§ä½™ã‚Šå•é¡Œã«ãªã‚‰ãªã‹ã£ãŸã®ã¯ã€Web アプリã§ã‚れ㰠Rails ãŒãã®è¾ºã‚Šã‚‚é¢å€’ã‚’ã¿ã¦ãã‚ŒãŸã‚Šã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚¢ãƒ—リケーションãªã‚‰ gem ã§é…布ã™ã‚‹ã¿ãŸã„ãªæ–¹æ³•ã§ã‚„ã‚Šãã‚Šã—ã¦ããŸçµŒç·¯ãŒã‚る。ã—ã‹ã— gem ã§é…布ã™ã‚‹ã«ã¯ RubyGems ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆãŒå¿…è¦ã ã£ãŸã‚Šã€æ˜¨ä»Šã®ã‚»ã‚ュリティå•é¡Œ
Reactã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆãªã‚‰shadcn/uiãŒã¡ã‚‡ã†ã©ã„ã„
Reactã§ã¯æ§˜ã€…ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã®æ‰‹æ³•ãŒã‚ã‚Šã€ãã®ä¸Šã«æ§‹ç¯‰ã•ã‚Œã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå®Ÿè£…も多ãã®é¸æŠžè‚¢ãŒã‚ã‚Šã¾ã™ã€‚ styled-componentsã‚„emotionã¨ã„ã£ãŸ CSS in JSライブラリã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã‚„ã€ãれらã®ãƒ©ã‚¤ãƒ–ラリ上ã«æ§‹ç¯‰ã•ã‚ŒãŸMUIã‚„Chakra UIã¨ã„ã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ラリ。一方ã§Tailwind CSSã‚„CSS Modulesãªã©CSS寄りãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°æ‰‹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ç§è‡ªèº«ã¨ã—ã¦ã¯Tailwindを利用ã—ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«é–¢ã—ã¦ã¯è‡ªä½œã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚Tailwind CSSをベースã«ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ラリã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€è‡ªåˆ†ã®è‚Œã«åˆã†ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ã€æœ€è¿‘ã¡ã‚‡ã†ã©ã„ã„é¸æŠžè‚¢ã¨æ€ã‚れるshadcn/uiã¨ã„ã†ã‚‚ã®ã‚’見ã¤ã‘ã¾ã—ãŸã€‚ 一言ã§ã„ã†ã¨ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ãŒé«˜ãã€ä½¿ã„ã‚„ã™ã„UIコンãƒãƒ¼ãƒãƒ³ãƒˆé›†ã§ã™ã€‚ 本記事ã§ã¯ã€sh
Tremor – Copy-and-Paste Tailwind CSS UI Components for Charts and Dashboards
React components to build charts and dashboardsReact components to build dashboards35+ fully open-source, accessible components for dashboards and charts. Built with React, Tailwind CSS and Radix UI.35+ fully open-source, accessible components for dashboards and charts. Built with React, Tailwind CSS and Radix UI.
JavaScriptランタイムã®Bunã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä¸è¦ã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ç”ŸæˆãŒå¯èƒ½ã«ã€‚Webpackより200å€ä»¥ä¸Šé«˜é€Ÿã¨ã™ã‚‹ãƒãƒ³ãƒ‰ãƒ©ãŒÎ²ç‰ˆã€Puppeteerã«ã‚‚対応
JavaScriptランタイムã®Bunã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä¸è¦ã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ç”ŸæˆãŒå¯èƒ½ã«ã€‚Webpackより200å€ä»¥ä¸Šé«˜é€Ÿã¨ã™ã‚‹ãƒãƒ³ãƒ‰ãƒ©ãŒÎ²ç‰ˆã€Puppeteerã«ã‚‚対応 サーãƒã‚µã‚¤ãƒ‰ã§å®Ÿè¡Œå¯èƒ½ãªJavaScriptランタイム「Bunã€ã¯ã€5月ã«ç™»å ´ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³0.6ã§ã€Bunをインストールã™ã‚‹ã“ã¨ãªãã€é…ç½®ã™ã‚‹ã“ã¨ã§ã‚¢ãƒ—リケーションを実行ã§ãã‚‹å˜ç‹¬ã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ã‚’生æˆã§ãる「bun buildã€æ©Ÿèƒ½ãŒæ載ã•ã‚Œã¾ã—ãŸã€‚ åŒã˜ããƒãƒ¼ã‚¸ãƒ§ãƒ³0.6ã§é«˜é€Ÿãªãƒãƒ³ãƒ‰ãƒ©ã€ŒBun Bundlerã€ã‚‚β版ã¨ãªã‚Šã€6月ã«ç™»å ´ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³0.6.7ã§ã¯Discordã®ãƒœãƒƒãƒˆã‚’æ“作ã™ã‚‹Discord.jsã‚„Webブラウザをæ“作ã™ã‚‹Puppeteerãªã©ã®å‹•ä½œã‚‚確èªã•ã‚Œã¦ã„ã¾ã™ã€‚ 下記ã¯Bunã®é–‹ç™ºè€…ã§ã‚ã‚‹Jarred Summeræ°ã®ãƒ„イート。 Standalone executables are coming
Next.js Conf 2022ã§æœ€ã‚‚æ„Ÿå‹•ã—ãŸãƒ©ã‚¤ãƒ–ラリã€vercel/satoriã«ã¤ã„ã¦ç´¹ä»‹ã•ã›ã¦ãã ã•ã„。 - Commune Engineer Blog
ã¯ã˜ã‚ã¾ã—ã¦ã€‚コミューンã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã¾ã™ã€ã‚ã®ã¡ã£ãã¨ç”³ã—ã¾ã™ã€‚ çªç„¶ã§ã™ãŒçš†æ§˜ã¯æ˜¨å¹´ 10 月ã«é–‹å‚¬ã•ã‚ŒãŸNext.js Conf 2022ã¯ã”覧ã«ãªã‚‰ã‚Œã¾ã—ãŸã§ã—ょã†ã‹ã€‚ Next.js Conf 㯠Next.js ã®é–‹ç™ºãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’è¡Œã£ã¦ã„ã‚‹ Vercel 社ãŒä¸»å‚¬ã™ã‚‹ã€Next.js ã¨ãã®å‘¨è¾ºæŠ€è¡“ã«é–¢ã™ã‚‹ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ コミューンã§ã‚‚メインプãƒãƒ€ã‚¯ãƒˆ commmune ã® Web フãƒãƒ³ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã—㦠Next.js を採用ã—ã¦ãŠã‚Šã€ç§å€‹äººã¨ã—ã¦ã‚‚ã¨ã¦ã‚‚興味深ãオンラインã‹ã‚‰è¦–è´ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ 特ã«è©±é¡Œã«ãªã£ãŸã®ã¯ã€React Server Components をサãƒãƒ¼ãƒˆã—ãŸãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚·ã‚¹ãƒ†ãƒ "app directory"ãªã©ã®æ–°æ©Ÿèƒ½ã‚’æ–°ãŸã«è¿½åŠ ã—ãŸNext.js 13ã¨ã€"Webpack ã®å¾Œç¶™"を謳ㆠRust
moment.js・day.js よりも速ãã¦è»½ã„ cdate ライブラリ - Qiita
moment.js ã‚„ day.js ã¨ä¼¼ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’実装ã—ãŸé«˜é€Ÿãƒ»è»½é‡ã® JavaScript ライブラリ『cdateã€ã‚’リリースã—ã¾ã—ãŸã€‚→ https://www.npmjs.com/package/cdate cdate ã®ä¸»ãªç‰¹å¾´ï¼š moment.js ã‚„ day.jsã€Luxon よりも高速 moment.js ã¨åŒã˜ .format("YYYY-MM-DD HH:mm:ss") 出力フォーマットã«å¯¾å¿œ strftime ã¨åŒã˜ .text("%Y-%m-%d %H:%M:%S") 出力フォーマットã«å¯¾å¿œ moment.js ã¨åŒæ§˜ã« .add(1, "month").startOf("week").endOf("day") ã®ã‚ˆã†ãªè¨ˆç®—ã«å¯¾å¿œ .tz("Asia/Tokyo") ã‚ã‚‹ã„㯠.utcOffset("+09:00") ã®ã‚ˆã†ãªã‚¿ã‚¤ãƒ ゾーン（時間帯）指定ã«å¯¾
SWR v2 をリリースã—ã¾ã—ãŸ
メンテナã¨ã—ã¦é–¢ã‚ã£ã¦ã„㟠SWR v2 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å„機能ã®ç´°ã‹ã„紹介ã«ã¤ã„ã¦ã¯ã€ãƒªãƒªãƒ¼ã‚¹ãƒ–ãƒã‚°ã‚’確èªã—ã¦ãã ã•ã„。日本語翻訳も行ã£ãŸã®ã§æ—¥æœ¬èªžã§èªã‚€ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ https://swr.vercel.app/ja/blog/swr-v2 ã“ã“ã§ã¯ã€ã–ã£ãã‚Šã¨è£œè¶³ã‚’書ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Mutation 周り useSWRMutation 一番ã‚ã‹ã‚Šã‚„ã™ã„ã®ã¯ã€æ–°ã—ã„ useSWRMutation ã¨ã„ㆠHook ãŒè¿½åŠ ã•ã‚ŒãŸã“ã¨ã§ã™ã€‚swr/mutation ã‹ã‚‰ import ã§ãã¾ã™ã€‚ import useSWRMutation from 'swr/mutation' async function sendRequest(url, { arg }) { return fetch(url, { method: 'POST', body: JS
SWR 2.0 ã®ç™ºè¡¨ – SWR
本日ã€SWR 2.0 ã®ãƒªãƒªãƒ¼ã‚¹ã‚’発表ã§ãã‚‹ã“ã¨ã«èˆˆå¥®ã—ã¦ã„ã¾ã™ï¼ã“ã®æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã¯ã€æ–°ã—ã„ミューテーション API や楽観的更新パターンã«å¯¾ã™ã‚‹æ”¹å–„ã€DevToolsã€React ã®ä¸¦è¡Œå‡¦ç†æ©Ÿèƒ½ã®ã‚µãƒãƒ¼ãƒˆã¨ã„ã£ãŸå¤šãã®æ”¹å–„ã¨æ–°ã—ã„機能ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒªãƒªãƒ¼ã‚¹ã‚’å¯èƒ½ã«ã—ã¦ãã‚ŒãŸå…¨ã¦ã®ã‚³ãƒ³ãƒˆãƒªãƒ“ュータã¨ãƒ¡ãƒ³ãƒ†ãƒŠã«æ„Ÿè¬ã—ã¦ã„ã¾ã™ã€‚ ミューテーションã¨æ¥½è¦³çš„ UI æ›´æ–° useSWRMutation ミューテーションã¯ãƒ‡ãƒ¼ã‚¿ãƒ•ã‚§ãƒƒãƒãƒ³ã‚°ã®é‡è¦ãªè¦ç´ ã®ä¸€ã¤ã§ã™ã€‚ミューテーションã¯ãƒãƒ¼ã‚«ãƒ«ã¨ãƒªãƒ¢ãƒ¼ãƒˆã®ãƒ‡ãƒ¼ã‚¿ãã‚Œãžã‚Œã®æ›´æ–°ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚æ—¢å˜ã® mutate API ã¯ã€ãƒªã‚½ãƒ¼ã‚¹ã®å†æ¤œè¨¼åŠã³æ‰‹å‹•ã«ã‚ˆã‚‹æ›´æ–°ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚SWR 2.0 ã§ã¯ã€useSWRMutation ã¨ã„ã†æ–°ã—ã„フックã¯å®£è¨€çš„㪠API ã§ã‚ˆã‚Šã‚·ãƒ³ãƒ—ルã«ãƒªãƒ¢ãƒ¼ãƒˆã®ãƒ‡ãƒ¼ã‚¿æ›´æ–°ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ã“ã®ãƒ•ãƒƒã‚¯ã‚’使ã„ミューテ
Integrations | Storybook: Frontend workshop for UI development
A no config Storybook addon that makes Next.js features just work in Storybook Storybook Addon Next âš ï¸ DEPRECATED âš ï¸ This addon has been deprecated in favor of @storybook/nextjs which is the Storybook official addon for supporting Next.js features in Storybook. It supports everything storybook-addon-next does and much more! I even worked on developing this with them so you should be in good hands.
Next.jsã§æˆ»ã‚‹åŽ¨ã‚’満ãŸã™recoil-sync-next
以å‰ã€Next.jsã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®å¾©å…ƒã«ã¤ã„ã¦è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ 上記記事ã§SPAã¨MPA(Multi Page Application)ã«ãŠã‘ã‚‹ã€ãƒ–ラウザãƒãƒƒã‚¯/フォワード時ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®å¾©å…ƒã«ã¤ã„ã¦è¨€åŠã—ã¾ã—ãŸã€‚ MPAã§ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ãŒãƒ–ラウザã«ã‚ˆã£ã¦å¾©å…ƒã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹(ブラウザã®å®Ÿè£…ã«ä¾å˜) SPAã§ã¯ã“れらãŒè»½è¦–ã•ã‚ŒãŒã¡ Next.jsã«ãŠã„ã¦ã‚‚ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯å¾©å…ƒã•ã‚Œãªã„(Chromeã§SSGページãªã©ä¸€éƒ¨æ¡ä»¶ä¸‹ã§ã¯å¾©å…ƒã•ã‚Œã‚‹) Next.jsã§ã¯experimental.scrollRestorationを有効ã«ã™ã‚‹ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã‚’session storageã«ä¿å˜ã—復元ã™ã‚‹ ã“れらã¨åŒæ§˜ã«ã€ãƒ–ラウザãƒãƒƒã‚¯/フォワード時ã®UI復元ã«ã¤ã„ã¦ã‚‚軽視ã•ã‚ŒãŒã¡ãªã‚‚ã®ã®1ã¤ã§ã™ã€‚最近もã“ã®æ‰‹ã®UI体験ã®æ‚ªã•ã«ã¤ã„ã¦ã€å•é¡Œæèµ·ãŒã•ã‚Œè©±é¡Œã«ãªã‚Šã¾ã—ãŸã€‚ ブラウザãƒãƒƒã‚¯/フォワー
Plaiceholder
plai[email protected]: Final Release The plaiceholder project is feature complete and will now be kept in maintenance mode. Read the migration guide for further information. If this project has been useful to you, please consider sponsoring my work (opens in a new tab). Overview "Plaiceholder" is a suite of server-side functions for creating low quality image placeholders (LQIP). There is no "one-size-
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - react-hookz/web: React hooks done right, for browser and SSR.
Nextra – Next.js Static Site Generator – Nextra
GitHub - vanjs-org/van: 🦠VanJS: World's smallest reactive UI framework. Incredibly Powerful, Insanely Small - Everyone can build a useful UI app in an hour.
jest-extended | jest-extended
{{#tags}}- {{label}}
{{/tags}}