你好！我叫Ivan Grekov，我是Badoo前端团队的UI开发人员。我们团队的主要任务是为Badoo和Bumble网站和应用程序创建新的并维护现有的用户界面。
2019 , . 630 React UI- TypeScript. , TypeScript UI-, .
- UI-: . -, JS- TypeScript, (type safety).
UI- , .
UI-. - , , . React prop-types. , prop-types . - API , .
TypeScript. : .
.
. - . React.js.
- UI- , . :
, - JavaScript;
UI-, stateless .
UI-, -, .
UI- , . , , , JavaScript React.js. TypeScript, . : TypeScript .
. : . , .
: , . , , — PDCA (Plan-Do-heck-Act). : , , . : , , .
, . .
, , . cloc:
554 JSX-, 227 — 227 — VRT-. TypeScript 62 62 .
— : , , . , , — , . .
, . , .
— . , . — ?
. , . , , . , 2000 .
, . , . , .
.
, . . .
, . , , . madge, . , madge webpack-. , .
, TypeScript , : .
, , .
TypeScript. . , .
, . , . , TypeScript ?
. :
TS basic — , ;
TS component — , ;
TS view — .
TypeScript . , . , . .
, . ? ? (Enum) (Union)? ?
, , . . , . , : .
, .
0 —
. , , . , TypeScript, . , TypeScript, — . , TypeScript, , .
. , . -, , , . -, ( ) , .
:
CSS-, ;
, ;
Enums Enums;
.
- . JS-: ESLint Prettier. , . TypeScript. , .
1 —
. ( ) , . TypeScript-, basic.
, , . , TypeScript, VRT- . VRT , , .
: ,
, , . , , . , .
.
, .
, , . , , , . :
— TypeScript;
UI- — ;
— .
, . . , - , . , . .
, , . — , .
, .
madge cloc, . , , . , . : ? ? ? .
. TypeScript .
. .
, JavaScript TypeScript . , .
TypeScript . TypeScript.
. , . , .
, QA , . Prettier ESLint , .
:
. : , . , VSCode Lyft TypeScript React-. React 16.3.14 16.4.0, , . , .
codemod’ TypeScript, GitHub npm. , .
.
React TypeScript
, React UI- TypeScript. , ( ). , TypeScript.
JavaScript TypeScript:
Choosing Between TypeScript vs JavaScript: Technology, Popularity
How TypeScript is making programming better
The TypeScript Tax
, TypeScript:
How does TypeScript work? The bird’s eye view
Creating web apps via TypeScript and webpack
Set Up a Typescript React Redux Project
React TypeScript: Basics and Best Practices
Setting TypeScript For Modern React Projects Using Webpack
Setting up efficient workflows with ESLint, Prettier and TypeScript
The Practical Guide to Start React Testing Library with TypeScript.
TypeScript React:
How to move your project to TypeScript — at your own pace
How to Easily Migrate From JavaScript to TypeScript
Gradually using TypeScript in Your React Project
Porting to TypeScript Solved Our API Woes
How to Migrate a React App to TypeScript
Convert Your Javascript React App to TypeScript, the Easy Guide
TypeScript and React
Using TypeScript with React
The Great CoffeeScript to Typescript Migration of 2017
12 TypeScript React-
, TypeScript React:
Build a Tic Tac Toe App with TypeScript, React and Mocha
A Practical Guide to TypeScript — How to Build a Pokedex App Using HTML, CSS, and TypeScript
Create a React component library with TypeScript and Storybook
How To Build a Customer List Management App with React and TypeScript
Using TypeScript in Grommet Applications
TypeScript:
TypeScript Best Practices — Useless Interfaces, Classes, and Promises
React with TypeScript: Best Practices
Great import schism: Typescript confusion around imports explained
TypeScript