GitHub - wooorm/lowlight: Virtual syntax highlighting for virtual DOMs and non-HTML thingsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Announcing v3 | Chakra UI
Today, we're excited to announce the long-awaited release of Chakra UI v3. The feedback for Chakra v3 has been incredible and we appreciate those who took the time to test and catch bugs. Chakra v3 is a complete rewrite of Chakra to enhance it's performance, speed and consistency across components. We've also added over 25 new components, and that's just the beginning. Credits Before giving you a
React 19ã®æ–°æ©Ÿèƒ½ã¾ã‚‹ã‚ã‹ã‚Š
2024å¹´4月ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸReact 19 Betaã®æ–°æ©Ÿèƒ½ã«ã¤ã„ã¦ã€ç´°ã‹ã„点やãƒã‚¤ãƒ³ãƒˆã‚’解説ã—ã¾ã™ã€‚
Server Actions ã®åŒæ™‚実行制御ã¨ç”»é¢ã®çŠ¶æ…‹æ›´æ–°
2024 å¹´ 5 月ç¾åœ¨ã 㨠Next.js ã®ãƒ‰ã‚ュメントã«ã¯æ˜Žç¤ºçš„ãªè¨˜è¼‰ãŒãªã„ãŒã€ã€ŒåŒæ™‚ã«å®Ÿè¡Œå¯èƒ½ãª Server Action ã¯å¸¸ã«ï¼‘ã¤ã ã‘ã€ã¨ã„ã†ä»¶ã«ã¤ã„ã¦ã€‚ 実ã¯è‡ªåˆ†ã‚‚ã“れをã¡ã‚ƒã‚“ã¨èªè˜ã—ã¦ãŠã‚‰ãšã€å…ˆæ—¥ä¼šç¤¾ã®å…ˆè¼©ã«æ•™ã‚ã£ã¦åˆã‚ã¦çŸ¥ã£ãŸã®ã§ã€è©¦ã—ãŸã“ã¨ãªã©ã‚’書ã残ã—ã¦ãŠã。 Next.js ã®å ´åˆã€App Router (Router Reducer) ã«ã‚ˆã£ã¦ã€Server Action ã®å®Ÿè¡ŒãŒç›´åˆ—化 (ã‚ューイング) ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„る。 ã“ã®ã‚ューイングã®æŒ™å‹•ã‚’考慮ã™ã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå‘¼ã³å‡ºã—æ–¹ã¯å±ã†ã„コードã¨ãªã‚‹ã€‚ "use client"; import { useState } from "react"; import { increment } from "./actions"; export default function Page() { const [
React Labs: What We've Been Working On – February 2024 – React
In React Labs posts, we write about projects in active research and development. We’ve made significant progress since our last update, and we’d like to share our progress. React Conf 2024 is scheduled for May 15–16 in Henderson, Nevada! If you’re interested in attending React Conf in person, you can sign up for the ticket lottery until February 28th. For more info on tickets, free streaming, spon
React 化ã—ãŸå…±é€šãƒ˜ãƒƒãƒ€ãƒ¼ã‚’ kintone ã®å…¨ãƒšãƒ¼ã‚¸ã«é©ç”¨ã—ã¾ã—ãŸï¼ - Cybozu Inside Out | サイボウズエンジニアã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ï¼kintone フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒªã‚¢ãƒ¼ã‚テクãƒãƒ£ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ (フãƒãƒªã‚¢) ã§ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦æ´»å‹•ã—ã¦ã„ã‚‹ @nissy_dev ã§ã™ã€‚ 以å‰æŠ•ç¨¿ã—ãŸãƒãƒ¼ãƒ 紹介記事ã®ä¸ã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ã®å…±é€šãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ã® React 化ã«å–り組んã§ã„ã‚‹ã“ã¨ã‚’紹介ã—ã¾ã—ãŸã€‚ãã‚Œã‹ã‚‰ç´„åŠå¹´ã®æœŸé–“を経ã¦ã€React 化ã—ãŸå…±é€šãƒ˜ãƒƒãƒ€ãƒ¼ã‚’全ページã¸é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚kintone ã®ï¼—月版ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆæƒ…å ±ã«ã‚‚記載ã•ã‚Œã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ã“ã®ãƒªãƒªãƒ¼ã‚¹ã®æµã‚Œã‚„技術的ãªè©³ç´°ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚技術的ãªå†…容ã«ã¤ã„ã¦ã¯ã€æ˜¨å¹´ã® 12 月ã«ãƒžã‚¤ã‚¯ãƒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«æŒ‘戦ã—ã¦ã„ã‚‹ã¨ã„ã†è¨˜äº‹ã‚’公開ã—ã¦ã„ã‚‹ã®ã§ã€ãƒžã‚¤ã‚¯ãƒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’実際ã«é©ç”¨ã—ã¦ã¿ãŸæ„Ÿæƒ³ãªã©ã«ã‚‚触れãŸã„ã¨æ€ã„ã¾ã™ã€‚ 目次 React 化ã—ãŸå…±é€šãƒ˜ãƒƒãƒ€ãƒ¼ã®å…¨ãƒšãƒ¼ã‚¸ã¸ã®é©ç”¨ リリースã®è©³ç´°ãªæµã‚Œ Closure Tools ã«
React
2023年度リクルート ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚³ãƒ¼ã‚¹æ–°äººç ”ä¿®ã®è¬›ç¾©è³‡æ–™ã§ã™
Breaking Up with SVG-in-JS in 2023
Please don't import SVGs as JSX. It's the most expensive form of sprite sheet: costs a minimum of 3x more than other techniques, and hurts both runtime (rendering) performance and memory usage. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused. SVGs in JS have a cost and SVGs don’t belong into your JS bundle. It’s about time to bring back SVG-in-HTML. Let’s take
ブラウザ拡張機能を作るãŸã‚ã®Reactフレームワーク『Plasmoã€
Plasmoã¨ã¯ Plasmoã¯ãƒ–ラウザ拡張機能を作æˆã™ã‚‹ãŸã‚ã®Reactフレームワークã§ã™ã€‚ テストや自動デプãƒã‚¤ã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ãªã©ã‚‚æä¾›ã—ã¦ãŠã‚Šã‚ªãƒ¼ãƒ«ã‚¤ãƒ³ãƒ¯ãƒ³ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ãªã£ã¦ã„ã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆã«è¡Œãã¨ã€Œãƒ–ラウザ拡張機能ã«ãŠã‘ã‚‹Next.jsã€ã¨ã„ã†å¼·æ°—ãªãƒ¯ãƒ¼ãƒ‰ãŒç¢ºèªã§ãã¾ã™ã€‚ It's like Next.js for browser extensions! Plasmoã®ç‰¹å¾´ Plasmoã¯ä»¥ä¸‹ã®ã‚ˆã†ãªç‰¹å¾´ã‚’æŒã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ï¼ˆå…¬å¼ã‚ˆã‚Šä¸€éƒ¨æŠœç²‹ï¼‰ã€‚ ファーストクラスã®React＋Typescriptサãƒãƒ¼ãƒˆ ライブリãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚° + React HMR .env* ファイルサãƒãƒ¼ãƒˆ BPP ã«ã‚ˆã‚‹è‡ªå‹•ãƒ‡ãƒ—ãƒã‚¤ãƒ¡ãƒ³ãƒˆ Svelte 㨠Vue をオプションã§ã‚µãƒãƒ¼ãƒˆ ã¾ãŸã‚¼ãƒã‚³ãƒ³ãƒ•ã‚£ã‚°ã§é–‹ç™ºã‚’始ã‚ã‚‹ã“ã¨ãŒã§ãã€ãƒ–ラウザ拡張機能ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚ã‚‹manifest.jso
Danæ°ã«ã‚ˆã‚‹Create React Appã®å°†æ¥ã€ãŠã‚ˆã³Reactã¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®é–¢ä¿‚性ã«ã¤ã„ã¦ã®ã‚³ãƒ¡ãƒ³ãƒˆã®ç¿»è¨³
Create React App(以下「CRAã€ã¨ã„ã†)ã®å°†æ¥ã€ãŠã‚ˆã³Reactã¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®é–¢ä¿‚性ã«ã¤ã„ã¦Danæ°ãŒGitHubã®Issueã®ã‚³ãƒ¡ãƒ³ãƒˆã§èªžã£ãŸå†…容ã®ç¿»è¨³ã§ã™ã€‚éžå¸¸ã«é•·ã„コメントã§ã™ãŒã€Reactユーザーã§ã‚ã‚Œã°ä¸€èªã«å€¤ã™ã‚‹å†…容ã ã¨æ€ã£ãŸã®ã§ç¿»è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ 原文 翻訳 ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚ CRAã®ç¾çŠ¶ã«ã¤ã„ã¦ã¯ä»¥å‰ã‹ã‚‰ç—›ã„ã»ã©ã‚ã‹ã£ã¦ãŠã‚Šã€ãã‚Œã«å¯¾å‡¦ã™ã‚‹ãŸã‚ã®æ案ã«å–り組んã§ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ã“ã®ãƒ—ルリクエストã¯è°è«–を始ã‚ã‚‹ã“ã¨ã‚’目的ã«ã—ã¦ã„ãŸã®ã§ã€ç§ãŸã¡ãŒCRAã®å°†æ¥ã«ã¤ã„ã¦è€ƒãˆã¦ã„ã‚‹ã„ãã¤ã‹ã®èƒŒæ™¯ã‚’説明ã™ã‚‹è‰¯ã„機会ã ã¨æ€ã„ã¾ã™ã€‚ç§ãŸã¡ãŒè€ƒæ…®ã—ã¦ã„ã‚‹ç†ç”±ã¨ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã«ã¤ã„ã¦æ˜Žç¢ºã«ã—ãŸã„ã®ã§ã€ã„ãã¤ã‹ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‹ã‚‰ãªã‚‹é•·ã„コメントã«ãªã‚Šãã†ã§ã™ã€‚ã‚‚ã—å…¨ã¦ã‚’èªã‚€æ°—ã«ãªã‚Œãªã„ãªã‚‰ã€æœ€å¾Œã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ç§ãŸã¡ãŒæ案ã™ã‚‹ä»Šå¾Œã®æ–¹æ³•ã‚’
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Release v7.35.0 · jsx-eslint/eslint-plugin-react
React 19を概念ã‹ã‚‰ç†è§£ã™ã‚‹
ESLint v9 contains breaking API changes · Issue #3699 · jsx-eslint/eslint-plugin-react
Node-Based UIs in React - React Flow
GitHub - facebook/react-strict-dom: React Strict DOM (RSD) standardizes the development of styled React components for web and native.
JollyUI
Million
GitHub - tremorlabs/tremor: React components to build charts and dashboards
Rename dangerouslySetInnerHTML to bravelySetInnerHTML by George3d6 · Pull Request #27704 · facebook/react
GitHub - sinclairnick/brail: 💌 Transactional email that feels different
{{#tags}}- {{label}}
{{/tags}}