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
27
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
54
Refinando suas interfaces com animações
abnersajr
1
470
Other Decks in Programming
See All in Programming
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
280
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
780
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
220
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
13k
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
170
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
NPOでのDevinの活用
codeforeveryone
0
820
生成AI時代のコンポーネントライブラリの作り方
touyou
1
210
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
850
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
610
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
160
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
780
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
Designing Experiences People Love
moore
142
24k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Visualization
eitanlees
146
16k
YesSQL, Process and Tooling at Scale
rocio
173
14k
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