├── .DS_Store ├── DataModel.html ├── README.md ├── StateAndProps.html ├── css ├── .DS_Store └── sheet.css ├── events.html ├── eventsServer.html ├── images ├── .DS_Store └── react.png ├── index.html ├── mysqlConnection.html └── posting.html /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hussien89aa/ReactProject/b4d3d239f8d3f9a8044df5d976301cf97ad829fe/.DS_Store -------------------------------------------------------------------------------- /DataModel.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | React Tutorial 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Tutorial essential Training 2 | ###This code is snapped code for this [React Youtube playlist](https://www.youtube.com/playlist?list=PLF8OvnCBlEY0BbAtCmzeM2IWomY7lK_X4) 3 | To make the learn and writing code easy 4 | -------------------------------------------------------------------------------- /StateAndProps.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | React Tutorial 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /css/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hussien89aa/ReactProject/b4d3d239f8d3f9a8044df5d976301cf97ad829fe/css/.DS_Store -------------------------------------------------------------------------------- /css/sheet.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: #d4d3d3; 3 | } 4 | .PostBody{ 5 | background-color: #fff; 6 | width: 92%; 7 | margin-right: 4%; 8 | margin-left: 4%; 9 | padding:2px 10px 10px 10px; 10 | } 11 | .imgD{ 12 | width: 100%; 13 | height: 280px; 14 | margin-bottom: 10px; 15 | } -------------------------------------------------------------------------------- /events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | React Tutorial 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /eventsServer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | React Tutorial 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /images/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hussien89aa/ReactProject/b4d3d239f8d3f9a8044df5d976301cf97ad829fe/images/.DS_Store -------------------------------------------------------------------------------- /images/react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hussien89aa/ReactProject/b4d3d239f8d3f9a8044df5d976301cf97ad829fe/images/react.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | React Tutorial 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /mysqlConnection.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | React Tutorial 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 101 | 102 | 103 | 104 | -------------------------------------------------------------------------------- /posting.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | React Tutorial 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 146 | 147 | 148 | 149 | --------------------------------------------------------------------------------