Downloaded 55 times
More Related Content
Similar to React web development
![谷歌留痕技术教程[ 𝙩𝙤𝙥 𝟮𝟯𝟯. 𝙘 𝙤𝙢 ]](https://cdn.slidesharecdn.com/ss_thumbnails/top233-260130173900-2eb784f9-thumbnail.jpg?width=640&height=640&fit=bounds)
React web development
- 2. I am Rully Ramanda ruliarmando [email protected] ruliarmandoLeadWeb Developer @rullyramanda
- 3. Objectives ● What isReact ● Who is using React ● Core concept of React ● Why React ● How to use React
- 4.
- 5. What React is alibrary for building user interfaces
- 6. It is theV of the MVC
- 7. Traits ● Declarative ● Component-based ●Learn once, write anywhere
- 8. Declarative Saying what youwant Imperative Saying how to achieve it
- 9. Declarative Imperative A towerof 3 blocks 1. Put down block A 2. Put down block B on A 3. Put down block C on B
- 10.
- 11. Write once, runanywhere It’s Java
- 12. Learn once, writeanywhere
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. Core Concepts Components Virtual DOM Oneway data flow
- 19.
- 20. DOM VS VirtualDOM VS
- 21. The Story ofDOM http://www.learnreact.design/2017/06/08/what-is-react/
- 34. The end ofstory
- 38. React with JSXReact without JSX
- 39. React puts HTMLin JS Other frameworks puts JS in HTML
- 40.
- 42. One way dataflow
- 43.
- 44.
- 45.
- 46. So why youshould use React?
- 47. Learn Once WriteAnywhere Browser Android iOS Windows Desktop Windows Phone Tizen XBOX Netflix
- 48. Virtual DOM iscrazy fast!
- 49. Component based isthe future!
- 50.
- 51.
- 52. Live reloading (Howcool is that?)
- 53.
- 54. Why? Maintained by theFacebook itself Not me of course!!
- 55.
- 56. Getting started withReact
- 57.
- 58.
- 59. create-react-app ● npm install-g create-react-app ● create-react-app <app_name> ● cd <app_name> ● npm start / npm run build
- 60.
- 61. Let’s do some Reactlive coding
- 62.
- 63.
- 64.
- 66. Styling libraries (CSSin JS)
- 68. Some cool UIlibraries
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.