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
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
9.9k
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
650
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
130
Discover Metal 4
rei315
2
130
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
360
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
3.9k
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
520
Hack Claude Code with Claude Code
choplin
4
1.9k
10 Costly Database Performance Mistakes (And How To Fix Them)
andyatkinson
0
310
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
17k
生成AI時代のコンポーネントライブラリの作り方
touyou
1
210
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
4
7.1k
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
Designing for humans not robots
tammielis
253
25k
Side Projects
sachag
455
42k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
A better future with KSS
kneath
238
17k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
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