定例勉強会 20181205

1. TypeScript

2. HTML5Conference 2018

5. 1.Babel + Flow
2.TypeScript
🤔 Flow
JS

6. React
PropTypes
State

7. TypeScript

8. TypeScript
2012
Google
JavaScript
-> ES6
Babel ES6
->ES6,ES7 +
React
🤔

9. TypeScript
ES6,ES7 +
-> C# Java
TypeScript
- if instanceof
Interface
Enum
Mixin
->TypeScript
( )
🤔

10. TypeScript
->typeScript js
js
🤔

11.
https://postd.cc/what-is-type-safety/
->” “
UI
🤔

12. ES6 <>TypeScript
ReactComponent props
props
render js

13. ES6 <>TypeScript
ReactComponent props
props
render js

15. TypeScript

16. TypeScript
https://minnano-yaritai.work/

17. TypeScript
https://minnano-yaritai.work/
typeScript + React + FireStore
(FireStore)
https://github.com/H-takesue/minnano-yaritai

18. TypeScript
.
README.md
firebase.json
images.d.ts
package.json
public
favicon.ico
index.html
manifest.json
ogp.png
src
App.css
App.css.d.ts
App.test.tsx
App.tsx
components
containers
firebase
index.css
index.css.d.ts
index.tsx
logo.svg
registerServiceWorker.ts
static
tsconfig.json
tsconfig.prod.json
tsconfig.test.json
tslint.json
yarn-error.log
yarn.lock
.
Description
index.tsx
style
style.css
style.css.d.ts
style.scss
InputFrom
index.tsx
style
style.css
style.css.d.ts
style.scss
SubTitle
index.tsx
style
style.css
style.css.d.ts
style.scss
Submit
index.tsx
style
style.css
style.css.d.ts
style.scss
Title
index.tsx
style
style.css
style.css.d.ts
style.scss
components

19. TypeScript
ES6,ES7
->
(PropTyeps )
CSS modules .css.d.ts
->js css css
interface
->npm tcm ("build-sass:tcm": "tcm "src/" ",)

20. TypeScript
create-react-app app-name --scripts-version=react-scripts-ts
typeScript
->typeScirpt
(VueCLI TypeScript )
lint tsLint typeScript

21. TypeScript
stateless functional component

22. TypeScript
stateless functional component
@types/react React.SFC
SFC = StatelessFunctionalComponent

23. TypeScript
class component

24. TypeScript
class component

25. TypeScript
2018 JS
Babel or TypeScript
TypeScript