Magic UI50+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. Perfect companion for shadcn/ui.
2022年秋版　最新React/Typescript開発環境ã®ä½œæˆ - Qiita
vite4ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆæ™‚ã«ã€Œvite@latestã€ã‚’指定ã—ã¦ã„ã‚‹ãŸã‚å•é¡Œã‚ã‚Šã¾ã›ã‚“。 vite4ã¯ã€ä»¥ä¸‹ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 https://vitejs.dev/blog/announcing-vite4.html ã¯ã˜ã‚ã« Reactã®é–‹ç™ºç’°å¢ƒã¯ã€CRA(Create React APP)ãŒã‚ˆã使ã‚ã‚Œã¾ã™ãŒã€CRAã¯æ²¢å±±ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®æ•´åˆæ€§ã®ç¢ºèªãªã©ã®ãŸã‚ã€ã‚¢ãƒƒãƒ—デートãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹ã¾ã§ã®é–“éš”ãŒçµæ§‹ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€ä½¿ã‚ã‚Œã¦ã„るモジュールをアップデートã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã«æ‚©ã¾ã•ã‚ŒãŸã‚Šã—ã¾ã™ã€‚ ゼãƒã‹ã‚‰Reactã®é–‹ç™ºç’°å¢ƒã‚’作æˆã—ã¦ã„ãŸã®ã§ã™ãŒã€ã„ã‚ã„ã‚ã¨ãƒˆãƒ©ã‚¤ã‚’ç¹°ã‚Šè¿”ã™ã†ã¡ã«ä»¥ä¸‹ã®æ–¹æ³•ã«è½ã¡ç€ãã¾ã—ãŸã€‚ 比較的çŸæ™‚é–“ã§ç’°å¢ƒãŒä½œæˆã§ãã¾ã™ã—ã€å…¨ã¦æœ€æ–°ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒä½¿ãˆã¾ã™ã€‚ Vite nodejsを用ã„ãŸJavaSriptプãƒã‚¸ã‚§ã‚¯ãƒˆã¯ã€ã€Webpackãªã©ã§ãƒ—
ã€å…¥é–€ã€‘フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆæ‰‹æ³•ã¾ã¨ã‚ - Qiita
ã¯ã˜ã‚㫠自分ã¯2021å¹´ã«æ–°å’ã§webç³»ã®é–‹ç™ºä¼šç¤¾ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦å…¥ç¤¾ã—2022å¹´ã§2å¹´ç›®ã«ãªã‚Šã¾ã™ã€‚ 実務ã§ã¯React×TypeScriptを利用ã—ãŸãƒ•ãƒãƒ³ãƒˆå‘¨ã‚Šã®é–‹ç™ºã‚’メインã§è¡Œãªã£ã¦ã„ãªã™ã€‚ 今回ã¯å®Ÿå‹™ã§Next.jsプãƒã‚¸ã‚§ã‚¯ãƒˆã«ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ãªã‚Šã€ŒReact-Testing-Libraryã€ã¨ã€ŒJestã€ã«ã¤ã„ã¦æ”¹ã‚ã¦å¦ã³ç›´ã—ãŸã®ã§ãã®å†…容を紹介ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã«ã€ŒReact-Testing-Libraryã€ã¨ã€ŒJestã€ã®æ¦‚è¦ã‚’説明ã—ãã®ä¸Šã§å…·ä½“çš„ãªãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’何パターンã‹æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®å¯¾è±¡è€… フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆã®æ¦‚è¦ã‚’知りãŸã„人 React-Testing-Libraryã¨Jestã«ã¤ã„ã¦çŸ¥ã‚ŠãŸã„人 具体的ãªãƒ†ã‚¹ãƒˆã®æ›¸ã方をå¦ã³ãŸã„人 ãªãŠæœ¬è¨˜äº‹ã§ã¯ã€React-Testing-Libraryã®å…·ä½“çš„ãªæ›¸ãæ–¹ã«ã¤ã„ã¦ã‚’メインã«ã—ã¦ã„ã‚‹
State of JS 2020
As crappy as 2020 was, JavaScript as a whole still managed to somehow move forward. As the language itself keeps improving thanks to new features like Optional Chaining and Nullish Coalescing, TypeScript's widespread adoption is taking things to a whole other level by popularizing static typing. And on the framework side, just when we thought things were settling down, Svelte comes in and shakes e
The State of JS 2021
多ãã®ã“ã¨ãŒã‚ã£ãŸ2021å¹´ã§ã—ãŸã€‚本当ã«ã€‚ã“ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã ã£ã¦2022å¹´ã«å»¶ã³ã¦ã—ã¾ã£ãŸã‚“ã§ã™ã‹ã‚‰ï¼ より高速ãªãƒ“ルドツールや新ã—ã„ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ワークãªã©ã€JavaScriptã¯é€²åŒ–ã—続ã‘ã¦ã„ã¾ã™ã€‚ç§ãŸã¡ã‚‚ベストを尽ãã—ã€æ–°ã—ã„質å•å½¢å¼ã‚„ã€2ã¤ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒˆã®ç›¸äº’å‚照機能（年åŽÃ—経験レベルãªã©ï¼‰ã€ãã—ã¦ãƒãƒ£ãƒ¼ãƒˆã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ©Ÿèƒ½ã¨ã€ã“ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã«ãƒ‘ワーアップを施ã—ã¾ã—ãŸï¼ã»ã‹ã«ã‚‚ã‚ã‚‹ã®ã§ã€[新機能ã®ã¾ã¨ã‚]](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej)ã‚’èªã‚“ã§ã¿ã¦ãã ã•ã„（英語）。 ã™ã¹ã¦ãŒé †é¢¨æº€å¸†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚悪ã„ã“ã¨ãŒèµ·ã“ã£ã¦ãªã•ãã†ãªã®ãŒå¹¸ã„ã§ã™ãŒã€ãƒ‡ãƒ¼ã‚¿æ¼æ´©ã«å¯¾å¿œã—ãªã„ã¨ã„ã‘ã¾ã›ã‚“ã§ã—ãŸã€‚ã¾ãŸå¼•ã続ãã€ã“ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚’より包括的ã«ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ル
より良ã„ReactJS開発者ã«ãªã‚‹ãŸã‚ã®10ã®ãƒ’ントã¨ã‚³ãƒ„ - Qiita
より良ã„React開発者ã«ãªã‚Šã€ã‚ˆã‚Šå„ªã‚ŒãŸã‚³ãƒ¼ãƒ‰ã‚’書ãã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é¢æŽ¥ã§æŠœã出るãŸã‚ã€Reactã®æŠ€é‡ã‚’改善ã™ã‚‹ã™ãã«ä½¿ãˆã‚‹çŸ¥è˜ã§ã™ã€‚ ã•ã‚ã€çš†ã•ã‚“。始ã‚ã¾ã—ょã†ã€‚ 1. Reactフックを使ã£ãŸé–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ フックã¯React v16.8ã§å°Žå…¥ã•ã‚Œã€Reactã®é–¢æ•°åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’大ããå‘上ã•ã›ã¾ã—ãŸã€‚Reactフックã§ã€ã‚¯ãƒ©ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä»£ã‚ã‚Šã«é–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒä½¿ãˆã¾ã™ã—ã€ä½¿ã†ã¹ãã§ã™ã€‚ã—ã‹ã—...関数コンãƒãƒ¼ãƒãƒ³ãƒˆã¨ã‚¹ãƒ†ãƒ¼ãƒˆã¨ã¯ï¼Ÿãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã¯ï¼Ÿ 怖ãŒã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。Reactフックを使ãˆã°ã§ãã¾ã™ã€‚ 例をã„ãã¤ã‹è¦‹ã¦ã¿ã¾ã—ょã†ã€‚ ã“ã‚Œã¯ã€ã‚¯ãƒ©ã‚¹ã‚’使ã†å¾“æ¥ã®æ–¹æ³•ã§ã™ã€‚次ã®ã‚ˆã†ã«useStateフックãŒä½¿ãˆã¾ã™ã€‚ ç°¡å˜ã«è¦‹ãˆã¾ã™ã‹ï¼Ÿãã®é€šã‚Šã§ã™ï¼useStateフックを使ã£ã¦ã€åˆæœŸçŠ¶æ…‹ã‚’空ã®æ–‡å—列（''）ã«è¨å®šã—ã€ç¾åœ¨ã®çŠ¶æ…‹ï¼ˆvalue）ã¨ãã®çŠ¶æ…‹ã‚’変
TypeScript + React: Component patterns
This list is a collection of component patterns for React when working with TypeScript. See them as an extension to the TypeScript + React Guide that deals with overall concepts and types. This list has been heavily inspired by chantastic’s original React patterns list. Contrary to chantastic’s guide I use mainly modern-day React, so function components and – if necessary – hooks. I also focus exc
120å„„PVã®å·¨å¤§ã‚µãƒ¼ãƒ“ス「LINE NEWSã€ã‚’TypeScript化ã—ãŸè©± | ãƒã‚°ãƒŸãƒ¼Business
2020å¹´3月18æ—¥ã«è¡Œã‚ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€ŒUIT meetup vol.8 online『We Are TypeScripters!ã€ã€ã«ã€LINEæ ªå¼ä¼šç¤¾ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚ã‚‹Akinori Inoueæ°ãŒç™»å£‡ã—ã¾ã—ãŸã€‚セッション内容ã¯ã€ŒLINE NEWSã‚’TypeScript化ã—ãŸã„ï¼ã€ã€‚「LINE NEWSã€ã®TypeScript化ã«ã‚ãŸã£ã¦å®Ÿéš›ã«è¡Œã£ãŸã“ã¨ã‚„ãã“ã‹ã‚‰å¾—ãŸçŸ¥è¦‹ã‚’共有ã—ã¾ã—ãŸã€‚講演資料ã¯ã“ã¡ã‚‰ LINE NEWSã‚’TypeScript化Akinori Inoueæ°ï¼ˆä»¥ä¸‹ã€Inoue）：ã”紹介ã«é ã‹ã‚Šã¾ã—ãŸäº•ä¸Šã¨ç”³ã—ã¾ã™ã€‚「LINE NEWSã‚’TypeScript化ã—ãŸã„ï¼ã€ã¨ã„ã†ã“ã¨ã§ã€ç™ºè¡¨ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ 僕自身ã®ç´¹ä»‹ãªã‚“ã§ã™ã‘ã©ã€åŽ»å¹´ã®2019å¹´ã®4月ã«LINEã«æ–°å’ã§å…¥ç¤¾ã—ã¦ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦UIT室ã«æ‰€å±žã„ãŸã—
JSフレームワーク事情2020年始ã‚｜erukiti
ã“ã®è¨˜äº‹ã§ã¯é¢å€’ãªã®ã§åå‰ã« .js ãŒä»˜ã„ã¦ã„ã‚‹ã‚‚ã®ã¯çœãã¾ã™ã€‚例ãˆã°Next.js 㯠Next ã¨è¡¨è¨˜ã—ã¾ã™ã€‚ ã¾ãšçµè«–ã‹ã‚‰æ—¥æœ¬ã§ã¯Vueã¯Reactã¨äºŒåˆ†ã™ã‚‹äººæ°—ãŒã‚るよã†ã«è¦³æ¸¬ã•ã‚Œã¾ã™ãŒã€ä¸–界的ãªæ•°å—ã§äººæ°—・シェアを見るã¨ReactãŒåœ§å€’çš„ã§ã™ã€‚ シェアã ã‘ã§è¦‹ã‚‹ã¨Angularã¨AngularJS（Angularç³»ã®1.x系）ã®åˆè¨ˆå€¤ã¯Vueよりも高ã„ã§ã™ãŒã€ã€Œä»Šå¾Œã¯ã‚‚ã†æŽ¡ç”¨ã—ãŸããªã„ã€ã¨è€ƒãˆã‚‹çŽ‡ãŒé«˜ãã€Angular/AngularJSã®äººæ°—ãŒä½Žä¸‹ã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã¯é–“é•ã„ã‚ã‚Šã¾ã›ã‚“。 ※追記: Angularã®ã‚·ã‚§ã‚¢ã€äººæ°—度ã«é–¢ã—ã¦ã¯ã€AngularåŠã³AngularJS両方をå«ã‚€æ•°å€¤ã§ã‚ã‚Šã€AngularJSã¨Angularã¯åˆ¥ç‰©ã§ã‚ã‚‹ã‚‚ã®ãŒæ··ã–ã£ã¦ã‚«ã‚¦ãƒ³ãƒˆã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€Angularã®ã‚·ã‚§ã‚¢åŠã³äººæ°—度ã¯ã‚ã‚„ãµã‚„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。他ã®æ•°å€¤ã«é–¢ã—ã¦ä¿¡é ¼æ€§ã‚’ç–‘ã†ã¹ãã‹ã©ã†ã‹ã¯
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}