React + TypeScript + styled-components¶

https://twitter.com/mizchi/status/1083063008673165312 https://gyazo.com/9453728f665da254d24ed7170fad4f39

React も TypeScript も styled-components も使ったことない(2019/01/13時点)watarukura.icon そろそろフロントエンド触っておかないと、今後よくわからなくなりそう

- HTML
    - 1999年くらいに手書きしてたことはある
    - 正直form周りはわからん
- CSS
    - あんまり書いたことない
    - スクレイピングは好きなのでSelectorはわかる
    - BootStrapを社内用の管理画面で入れてるのは知ってる
- JavaScript
    - ES5はGASで書いてる
    - ES6-をVanillaで書くのはたまにやる
    - jQuery？知らない子ですね・・・

React

• 公式

• A JavaScript library for building user interfaces

TypeScript

styled-components

• 公式

• Visual primitives for the component age.

• Use the best bits of ES6 and CSS to style your apps without stress

• styled-componentsを使ったCSS設計

https://blog.bdenzer.com/react-typescript-and-parcel-getting-started/ やってみる 取りあえず動くのはできた https://github.com/watarukura/react-ts-study

JavaScriptがそんなにわからない状態でReactとTypeScriptはどっちから勉強すべき？

- Node.jsの読み書きは機会がありそうなので、TypeScriptからかな
- styled-componentsは後でよさそう