You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
45
45
46
46
# Preface
47
47
48
-
## Prerequities
48
+
## Prerequisites
49
49
50
-
Experience with the basic web technologies ie. HTML, CSS & JavaScript will help. Having a good grasp on ES6 / ES7 & functional javascript is essential.
50
+
Experience with the basic web technologies i.e. HTML, CSS & JavaScript will help. Having a good grasp on ES6 / ES7 & functional JavaScript is essential.
51
51
52
52
## Why ReactJS ?
53
53
54
-
React is an open source javaScript library for building user interfaces by Facebook inc.
54
+
React is an open source JavaScript library for building user interfaces by Facebook Inc.
55
55
56
56
***View in MVC** – ReactJS acts as the view layer for your application and it provides a robust infrastructure to build scalable and performant front ends.
57
57
@@ -63,9 +63,9 @@ React is an open source javaScript library for building user interfaces by Faceb
63
63
64
64
***Server Side Rendering** – Combining a NodeJS server and ReactJS helps us build even more complex applications by pre-rendering the initial state of our ReactJS components.
65
65
66
-
***Javascript** – It is JavaScript after all. We can use latest JavaScript goodies by transpiling our code with the tools we prefer like webpack, browserify, rollup, babel etc
66
+
***JavaScript** – It is JavaScript after all. We can use latest JavaScript goodies by transpiling our code with the tools we prefer like webpack, browserify, rollup, babel etc
67
67
68
-
***Non-Opinitated** – It doesnt make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
68
+
***Non-Opinionated** – It doesn't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
69
69
70
70
***Testability** – React components simplify testing greatly. As a proof of it's simplicity, our new web client has more tests than any of our other clients.
71
71
@@ -113,7 +113,7 @@ React is an open source javaScript library for building user interfaces by Faceb
113
113
* Use `create-react-app` and create a sample React app.
114
114
* Convert km to miles converter that you built previously into this application that you created now.
115
115
* Build the application using `create-react-app`
116
-
* Install serve by `npm i -g serve` and `serve build` to test the appliction that you built.
116
+
* Install serve by `npm i -g serve` and `serve build` to test the application that you built.
117
117
118
118
## JavaScript XML Syntax
119
119
@@ -137,11 +137,11 @@ React is an open source javaScript library for building user interfaces by Faceb
137
137
138
138
#### Additional Tasks:
139
139
- Build a simple markdown app
140
-
- Make a coursel
140
+
- Make a carousel
141
141
- Make any component that you find will accelerate your work, like
142
142
- A table component to quickly create tables
143
143
- A responsive menu component
144
-
- Anything else you could thing of!
144
+
- Anything else you could think of!
145
145
- A simple TODO APP
146
146
147
147
## Rendering
@@ -196,7 +196,7 @@ React is an open source javaScript library for building user interfaces by Faceb
196
196
197
197
### Tasks :
198
198
199
-
* Build an application which has a search bar. When we enter any Github username in it, show the user's details in a card below.
199
+
* Build an application which has a search bar. When we enter any GitHub username in it, show the user's details in a card below.
200
200
* The card should make use of all the component lifecycle methods.
201
201
202
202
## Events
@@ -364,13 +364,13 @@ React is an open source javaScript library for building user interfaces by Faceb
364
364
365
365
* Recreate the same stopwatch application without writing any ES6 code.
366
366
367
-
## Reconcilation - Diff Algorithm
367
+
## Reconciliation - Diff Algorithm
368
368
369
369
### Resources
370
370
371
371
| Concept | Best Video Resource | Best Text Resource | Documentation | Duration |
0 commit comments