New Flow Language Features for React
We have thousands of engineers committing React code every day to Meta’s largest codebases. Part of our responsibility on the Flow team is to make it as easy as possible for anyone to contribute, from design system React experts to C++ engineers making one-off internal pages to support their backend services. Over the last year, we’ve built several new language features to make it easier than ever
Babel ㌠Flow ã‹ã‚‰ TypeScript ã«ç§»è¡Œã—ãŸ
先日 Babel ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ¼ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹ Nicolò Ribaudo æ°ãŒæ¬¡ã®ãƒ„イートを投稿ã—ãŸã€‚ We finally finished migrating the Babel monorepo from Flow to TypeScript! It has been a very long process started by @z_bodya, and after migrating package-by-package @JLHwung just opened this PR 😄 pic.twitter.com/WKXxV8x2MY — Nicolò Ribaudo ðŸ³ï¸â€ðŸŒˆ • 💙💛 (@NicoloRibaudo) July 23, 2022 ãã†ã€JavaScript ã®ãƒˆãƒ©ãƒ³ã‚¹ã‚³ãƒ³ãƒ‘イラã§ã‚ã‚‹ Babel ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒ Flow ã‹ã‚‰ TypeScrip
Flow ã‹ã‚‰ TypeScript ã«ç§»è¡Œã—ã¾ã—㟠- ã¦ãã™ãŸ
ã“ã‚“ã«ã¡ã¯ã€é–‹ç™ºéƒ¨ã® id:yszk0123 ã§ã™ã€‚最近ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ä½¿ã£ã¦ã„ãŸãƒ„ールを Flow ã‹ã‚‰ TypeScript ã«ç§»è¡Œã—ãŸã®ã§ã€ãã®ãŠè©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 背景 一年åŠã»ã©å‰ã«ã¨ã‚るページを React ã«ç§»è¡Œã—ãŸã®ã§ã™ãŒã€ãã®éš›ã«ã€åž‹ãƒã‚§ãƒƒã‚¯ãƒ„ールã¨ã—㦠Flow を採用ã—ã¾ã—ãŸã€‚ 採用ã®ç†ç”±ã¯ã€ç°¡å˜ã«å°Žå…¥ã§ãã¦ã€ã„ã–ã¨ãªã‚Œã°ç°¡å˜ã«æ¨ã¦ã‚‰ã‚Œã‚‹ã‹ã‚‰ã§ã™ã€‚ ãã‚Œã‹ã‚‰ã—ã°ã‚‰ãé‹ç”¨ã™ã‚‹ä¸ã§ã€ã‚る程度ã®è¦æ¨¡ã§ã‚ã‚Œã°åž‹ã®æœ‰ç”¨æ€§ã‚’実感ã§ããŸãŸã‚ã€æœ¬æ ¼å°Žå…¥ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸãŒã€æ¬¡ã«æŒ™ã’るよã†ãªç†ç”±ã«ã‚ˆã‚Šã€Flow ã‚’ã‚„ã‚㦠TypeScript ã«ç§»è¡Œã—ã¾ã—ãŸã€‚ ç†ç”± Flow ã®å•é¡Œ 1. 型定義ファイルã®ç®¡ç†ãŒè¤‡é›‘ ライブラリã®åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã®ç®¡ç†ãŒãã“ãã“複雑ã§ã™ã€‚ flow-typed ã¨ã„ã†åž‹å®šç¾©ã®ç®¡ç†ãƒ„ールを使ãˆã°ç®¡ç†ã¯ã§ãã¾ã™ãŒã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ git
flowtypeãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦ - blog
flowtypeを使ã£ã¦ã¿ã¦å€‹äººçš„ã«ã¯ã¾ã£ãŸã¨ã“ã‚。 v0.65.0時点ã§ã®è©±ã§ã™ã€‚仕様ãªã®ã‹ãƒã‚°ãªã®ã‹ã‚ã‹ã‚‰ãªã„話もå«ã¿ã¾ã™ã€‚ enumã®ç½ flowã®enum(æ£ã—ãã¯Union Type)ã¯æ¡ä»¶åˆ†å²ãªã©ã§ã€å«ã¾ã‚Œãªã„ã¯ãšã®å€¤ã¨æ¯”較ã—ã¦ã„ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã‚’出ã—ã¦ãれる。 /* @flow */ type A = "hoge" | "huga" const a: A = "hoge" if(a === "humu") { console.log("hoge") } // 7: if(a === "humu") { // ^ string literal `humu`. This type is incompatible with // 5: const a: A = "hoge" // ^ string enum ãŸã ã—ã€ã“ã‚Œã¯Objectã®ãƒ—ãƒãƒ‘ティã«å¯¾ã—ã¦åƒã‹ãªã„。 /* @flow */
Flowtypeã«ã‚ˆã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã«ãŠã‘ã‚‹åž‹ã®å…¥æ‰‹/flowtype-with-flow
http://connpass.com/event/31305/ Modern Web App LT!（freee x WACUL） LT資料
é™çš„åž‹ãƒã‚§ãƒƒã‚«ãƒ¼flowã§React+Reduxã®ã‚µãƒ³ãƒ—ルアプリを組んã§ã¿ãŸ - Namiking.net
JavaScriptåž‹ãƒã‚§ãƒƒã‚«ãƒ¼flowを使ã£ã¦ã€React+Reduxã§ç°¡å˜ãªã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã®ã‚µãƒ³ãƒ—ルアプリケーションを組んã§ã¿ãŸã®ã§ã€ãã®éš›ã®ã„ãã¤ã‹ã®ãƒã‚¤ãƒ³ãƒˆãªã©ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ サンプルアプリã«ã¤ã„㦠ボタンを押ã—ãŸã‚‰æ•°å—ãŒã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆã•ã‚Œã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚ˆãã‚るサンプルプãƒã‚°ãƒ©ãƒ 。 GitHub: namikingsoft/react-redux-using-flow-example https://github.com/namikingsoft/react-redux-using-flow-example ソース周りã®ãƒ•ã‚¡ã‚¤ãƒ«æ§‹æˆ react-redux-using-flow-example |-- src | |-- actions | | `-- counter.js # カウンターアクションã®å®šç¾© | |-- components | | `-- Button.js # ボタ
flowtypeã®å®Ÿç¾ã™ã‚‹å®Ÿè¡Œæ™‚例外ã®ãªã„世界 - Please Drive Faster
今日ã“ã‚“ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚’見ã‹ã‘ãŸã€‚ djcordhose.github.io ã“ã‚Œã¯typescriptã¨flowtypeã®é•ã„ãŒã‚ˆã分ã‹ã‚‹ã™ã”ã良ã„スライド。 ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®5ページ目ã«ä»¥ä¸‹ã®1æ–‡ãŒã‚る。 FLOW SOUNDNESS, NO RUNTIME EXCEPTIONS AS GOAL スライドã«åˆºæ¿€ã‚’å—ã‘ãŸã®ã¨ã€æœ€è¿‘flowtypeを触ã£ã¦ã„ãŸã®ã‚‚ã‚ã£ã¦ã€ã“ã‚ŒãŒä½•ã‚’指ã—ã¦ã„ã‚‹ã‹æ›¸ããŸããªã£ãŸã€‚ 実行環境 flow: 0.26.0 typescript: 1.18.10 Flowtypeã®ãã»ã‚“ 以下ã®javasciptã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’flowã«ã‹ã‘ã¦ã¿ã‚‹ã€‚ function foo(x) { return x * 10; } foo('Hello, world!'); $ flow flow.js:5 5: foo('Hello, world!'); ^^^^^^^^^^^^^^^
Flow vs TypeScript
Type Systems for JavaScript Oliver Zeigermann / @DJCordhose http://djcordhose.github.io/flow-vs-typescript/2016_hhjs.html Most recent version including TypeScript 2.0 can be found here (might be work in progress): http://djcordhose.github.io/flow-vs-typescript/flow-typescript-2.html Part I: Introduction Why using type systems? IMHO type systems make code easier to maintain type annotations can mak
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
flowtypeã§æ—¢å˜ã®åž‹ã«è¿°èªžã‚’付与ã—ã¦assertを削除ã—よㆠ- Qiita
{{#tags}}- {{label}}
{{/tags}}