Migrating millions of lines of code to TypeScript
On Sunday March 6, we migrated Stripe’s largest JavaScript codebase (powering the Stripe Dashboard) from Flow to TypeScript. In a single pull request, we converted more than 3.7 million lines of code. The next day, hundreds of engineers came in to start writing TypeScript for their projects. Seriously unreal. I remember a short time ago laughing at the idea of typescript ever landing at Stripe, an
flowã®å§‹ã‚æ–¹ - Qiita
ã¨ã„ã†ã“ã¨ã§ã€å‰å›žã«å¼•ã続ãReact Confã§ç´¹ä»‹ã•ã‚Œã¦ãŸã‚‚ã®ã‚’試ã™ã‚·ãƒªãƒ¼ã‚ºã®ç¬¬äºŒå›žã§ã™ã€‚ flowã®ç°¡å˜ãªè¨å®šã¨eslint/babel/precommitフック/vimã¨ã®é€£æºã®ã¿ã§ã™ã€‚æ·±ã„使ã„æ–¹ã¯(今ã®ã¨ã“ã‚ã¯?)書ãã¾ã›ã‚“。flowã¯æ—¢ã«è‰²ã€…ãªã¨ã“ã‚ã§ç´¹ä»‹ã•ã‚Œã¦ã¾ã™ãŒã€æ°—ã«ã›ãšè¡Œãã¾ã™ã€‚ ã¡ãªã¿ã«ä»Šå›žã‚‚Reactã¯å‡ºã¦ãã¾ã›ã‚“。(追記ã§å°‘ã—ã ã‘触れã¦ã—ã¾ã„ã¾ã—ãŸ) flowã¨ã¯ JavaScript用ã®typeãƒã‚§ãƒƒã‚«ãƒ¼ ファイルå˜ä½ã§é©ç”¨ã§ãã‚‹ãŸã‚ã€æ—¢å˜ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚‚気軽ã«å°Žå…¥ã§ãã‚‹ eslintã‚„babelã¨ã‚‚連æºã§ãã‚‹ã®ã§æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å°Žå…¥ã—ã‚„ã™ã„ 色んãªã‚¨ãƒ‡ã‚£ã‚¿/IDEã§ã‚‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ ã“ã®è¾ºã‚’見るé™ã‚ŠFacebookã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘çš„ã«ã¯TypeScriptã¯ã‚ã‚“ã¾ã‚ŠæŽ¨å¥¨ã—ã¦ãªã„ã£ã½ã„ GitHubã®starヒストリーを見るé™ã‚Šã¯TypeScriptã«åˆ†ãŒã‚
Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«propsを渡ã•ãªã„å ´åˆã®Flowã®æ›¸ãæ–¹ - 30æ³ã‹ã‚‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
Flowã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.61.0ã§ç¢ºèªã—ã¦ã„る。 propsを渡ã•ãªã„å ´åˆã€Flowã¯ã©ã®ã‚ˆã†ã«æŒ‡å®šã™ã‚Œã°ã‚ˆã„ã®ã‹ Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®propsã«Flowã§åž‹ã‚’ã¤ã‘ã‚‹å ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ã。 type Props = { foo: string, }; class ChildComponent extends React.Component<Props> { render() { return <div>{this.props.foo}</div>; } } class ParentComponent extends React.Component { render() { return <ChildComponent foo="hoge" />; } } https://flow.org/en/docs/react/components/ ã§ã¯ã€ã“ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¯prop
Release v0.23.0 · yarnpkg/yarn
[feature] Ability to pass command CLI arguments via configuration in .yarnrc (#3033) Maël Nison - Thu, 6 Apr 2017 13:50:52 +0100 This PR opens the way to share configuration between multiple projects via the use of the .yarnrc files. The current design it pretty simple: it simply adds the supported options from the yarnrc file at the beginning of the command line. Some notes: The yarnrc is current
Flow Type Cheat Sheet - SaltyCrane
Flow is a static type checker for JavaScript. This is a list of Flow types generated from the source code in https://github.com/facebook/flow/tree/v0.111.3/ The script to generate this list is on github. Fixes welcome. See also my TypeScript cheat sheet, TypeScript React cheat sheet, and Docker cheat sheet. There are separate sections for "private" or "magic" types with a $ in the name. See the no
Flow + React | Flow
Was this guide helpful? Let us know by sending a message to @flowtype.
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - stripe-archive/flow-to-typescript-codemod: Codemod Stripe used to migrate 6.5m+ lines of code from Flow to TypeScript
GitHub - rpl/flow-coverage-report: Generate flow coverage reports in JSON, HTML and in the console.
GitHub - billyvg/codemod-proptypes-to-flow: Removes React.PropTypes and attempts to transform to flowtypes
The Fundamentals of Flow in 10-ish Minutes
{{#tags}}- {{label}}
{{/tags}}