Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TS + React: Small guide📖
Search
Abner Soares Alves Junior
September 27, 2018
Programming
0
25
TS + React: Small guide📖
A Small Guide to use TypeScript with React.
Abner Soares Alves Junior
September 27, 2018
Tweet
Share
More Decks by Abner Soares Alves Junior
See All by Abner Soares Alves Junior
Serverless Architecture: não significa "sem servidores"
abnersajr
0
49
Refinando suas interfaces com animações
abnersajr
1
460
Other Decks in Programming
See All in Programming
Micro Frontends for Java Microservices - Utah JUG 2024
mraible
PRO
1
100
Git Rebase
bkuhlmann
11
1.6k
"config" ってなんだ? / What is "config"?
okashoi
0
250
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
300
敵対的ポイフル
futabato
0
130
Next.js App Router
quramy
11
1.6k
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
1k
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
670
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
500
禅の心を手に入れよ
eltociear
1
280
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
200
What We Can Learn From OSS
inouehi
0
430
Featured
See All Featured
Teambox: Starting and Learning
jrom
128
8.4k
Writing Fast Ruby
sferik
622
60k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Side Projects
sachag
451
41k
Code Reviewing Like a Champion
maltzj
515
39k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
33
6k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Designing the Hi-DPI Web
ddemaree
276
33k
Practical Orchestrator
shlominoach
183
9.7k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.7k
Transcript
TS + React: Small guide
Sup Bro! I am Abner S. Alves Jr Developer at
Codeminer42 2
3 Type Safety
4 Weakly Typed Strongly Typed
5 Typing JavaScript
6 Flow Stats || https://github.com/facebook/flow
7 TypeScript Stats || https://github.com/Microsoft/TypeScript
8 TypeScript What is TS?
What is TS? • Typed superset of JavaScript • Compiles
to plain JavaScript • Open Source • Developed by Microsoft 9
10 Key Features
Key Features 11 Data Types Interfaces Modules Generics
Why use it 12 Tooling and Community Team and code
scalability Strict Null Checking Help avoiding issues in runtime
Common Issues 13
14 Invalid value to an object key
Read invalid object key 15
How to start 16
17 Installing react and react types npm install --save react
react-dom @types/react @types/react-dom
18 Installing TS and TS loader npm install --save-dev typescript
awesome-typescript-loader source-map-loader
19 Configure your webpack: http://bit.ly/react-webpack-ts
20 Configure your tsconfig.json: http://bit.ly/tsconfig-react
Using on React 21
22 React Class with TS
23 React SFC with TS
Useful Links 24 https://basarat.gitbooks.io/typescript/content/ https://github.com/Microsoft/TypeScript-React-Starter http://www.typescriptlang.org/play/ https://github.com/DefinitelyTyped/DefinitelyTyped
Estamos em busca de novos colegas:
[email protected]
Thanks! Any questions? @abnersajr speackerdeck.com/abnersajr
[email protected]
26