Olá! Meu nome é Ivan Grekov e trabalho como desenvolvedor de IU para a equipe de front-end do Badoo. As principais tarefas de nossa equipe são criar e manter interfaces de usuário existentes para os sites e aplicativos do Badoo e do 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:
, TypeScript:
Setting up efficient workflows with ESLint, Prettier and TypeScript
The Practical Guide to Start React Testing Library with TypeScript.
TypeScript React:
, TypeScript React:
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
TypeScript: