|
1 |
| -Congratulations and thank you for sticking till the end. Hope you enjoyed the tutorial and this tutorial helped you get off the ground with some React fundamentals. |
| 1 | +Congratulations! Thank you for sticking around till the end. I hope you enjoyed the tutorial, and I hope they helped you get off the ground with some React fundamentals. |
2 | 2 | This tutorial is by no means a comprehensive one. I have tried to cover some grounds on the most basic fundamentals you must know about React.
|
3 | 3 |
|
4 |
| -If you liked this tutorial please feel free to share this with others who are trying to learn React. If there are anything you didn't like or was confusing please feel free to drop a note or create a PR. Needless to say your suggestion would help several other folks trying to learn React. |
| 4 | +If you liked this tutorial, please feel free to share this with others who are trying to learn React. If there is anything you didn't particularly like, or thought was confusing, please feel free to drop me a note or create a PR. Needless to say, your suggestions would help several other folks trying to learn React. |
5 | 5 |
|
6 | 6 | ## What's next?
|
7 | 7 |
|
8 |
| -As with anything in software engineering, the best way to learn is by doing. I hope in this tutorial you were able to do the exercise on each section and also complete the capstone project at the end. Next step is to create your own application and starting fiddling with it. The easiest way to get going is by using [create-react-app](https://github.com/facebook/create-react-app). With this you don't have to waste a single minute doing any configuration/setup to create a new react application. Everything is done for you and done extremely well. |
| 8 | +As with anything in software engineering, the best way to learn is by doing. I hope in this tutorial you were able to do the exercises on each section, and also complete the capstone project at the end. The next step is to create your own application and starting fiddling with it. The easiest way to get going is by using [create-react-app](https://github.com/facebook/create-react-app). With this, you don't have to waste a single minute doing any configuration/setup to create a new react application. Everything is configured for you. |
9 | 9 |
|
10 | 10 | ### Real World example
|
11 |
| -Also if you want to explore some real world application written in React, guess what? you have already checked one out. Not sure if you noticed it but this tutorial application is written in React. So it's not a bad idea to navigate the code base. Start from `index.js` file and explore - see how things are done, play with components, make changes, try to make improvements and see where it leads you. If you think the changes you made locally are useful to the community, please [create a PR](https://github.com/tyroprogrammer/learn-react-app). It will help you and it will help others! 😊 |
| 11 | +Also, if you want to explore some real world application written in React, guess what? you have already checked one out. I'm not sure if you noticed, but this tutorial application is written in React. So it's not a bad idea to navigate the code base. Start from `index.js` and explore - see how things are done, play with components, make changes, try to make improvements and see where it leads you. If you think the changes you made locally are useful to the community, please [create a PR](https://github.com/tyroprogrammer/learn-react-app). It will help you and it will help others! 😊 |
12 | 12 |
|
13 | 13 | ## Resources
|
14 | 14 |
|
15 |
| -**The best place to find further details on any given React related topic is the official [React website](https://reactjs.org/).** That's a highly valuable resources and you'll find yourself refering to this website even long after you are comfortable with React. |
| 15 | +**The best place to find further details on any given React related topic is the official [React website](https://reactjs.org/).** It's a highly valuable resource, and you'll find yourself referring to this website long after being comfortable with React. |
16 | 16 |
|
17 | 17 | There are several resources that I think are extremely helpful - some are linked to during the tutorial and some are not:
|
18 | 18 |
|
19 | 19 | ### Fundamentals
|
20 |
| -- Go to official [React documentation](https://reactjs.org/docs/hello-world.html) and go through the "Main concept" sections. There are useful nuggets of information that I have missed in this tutorial. |
21 |
| -- Go through the [official tutorial](https://reactjs.org/tutorial/tutorial.html) in the React website. |
22 |
| -- [Some usage and best practices on lifecycle method usage](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html) |
| 20 | +- Go to the official [React documentation](https://reactjs.org/docs/hello-world.html) and go through the "Main concept" sections. There are useful nuggets of information that I may have missed in this tutorial. |
| 21 | +- Go through the [official tutorial](https://reactjs.org/tutorial/tutorial.html) on the React website. |
| 22 | +- [Some usage and best practices on lifecycle methods](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html) |
23 | 23 |
|
24 | 24 | ### Advanced
|
25 | 25 | *(You don't need to know any of this to be able to write applications in React.)*
|
26 | 26 | - [Decisions made by React for it's diffing algorithm](https://reactjs.org/docs/reconciliation.html) to figure out what changed in the DOM.
|
27 |
| -- [Why is setState function asynchronous?](https://github.com/facebook/react/issues/11527#issuecomment-360199710) |
| 27 | +- [Why is the setState function asynchronous?](https://github.com/facebook/react/issues/11527#issuecomment-360199710) |
28 | 28 | - [How does setState know what to do?](https://overreacted.io/how-does-setstate-know-what-to-do/)
|
29 |
| -- We briefly glossed over [how React conceptually works](/tutorial/hello-world) but if you are itching to go deep into it [you can hear straight from the horse's mouth](https://overreacted.io/react-as-a-ui-runtime/). |
| 29 | +- We briefly glossed over [how React conceptually works](/tutorial/hello-world) but if you are itching to go deeper into it [you can hear straight from the horse's mouth](https://overreacted.io/react-as-a-ui-runtime/). |
30 | 30 |
|
31 | 31 |
|
32 | 32 | ### Misc
|
33 | 33 | - [ES6 method binding](https://cmichel.io/es6-class-methods-differences/)
|
34 | 34 |
|
35 |
| -This is not an exhaustive list and I am sure there are plenty of other good resources on the web. If you find any resources that you think will be useful for beginners please [create a PR](https://github.com/tyroprogrammer/learn-react-app) 😊. |
| 35 | +This is not an exhaustive list, and I am sure there are plenty of other good resources on the web. If you find any resources that you think will be useful for beginners please [create a PR](https://github.com/tyroprogrammer/learn-react-app) 😊. |
36 | 36 |
|
37 | 37 | Happy coding and good luck!
|
0 commit comments