Lessons:11Length:1.7 hours
7.1 Conclusion
Before I leave you, here are some tips to remember as you’re coding your components:
- Use JSX instead of the factory methods in the React API.
- Extend your components by composing them as higher-ordered components.
- Write your component as a stateless function unless you absolutely need to maintain state.
- When handling events or passing functions to other components, be sure to bind the
thiskeyword to the appropriate object. - The most common way to incorporate Ajax into your component is with a higher-order component.
React is probably my favorite framework to date, and I hope I’ve passed a little of that excitement on to you. Please feel free to contact me via Twitter or the Envato Tuts+ forum if you have any questions.
1.Introduction
1.1Five Practical Examples to Learn React01:37
1.1
Five Practical Examples to Learn React
01:37
2.Hello, World
2.1React's Built-In Factory Methods09:38
2.1
React's Built-In Factory Methods
09:38
2.2Defining DOM-Specific Props to our Components07:18
2.2
Defining DOM-Specific Props to our Components
07:18
3.Bootstrap Button Group Component
3.1JSX and Stateless Components08:59
3.1
JSX and Stateless Components
08:59
3.2Passing Props to Components11:49
3.2
Passing Props to Components
11:49
4.A Digital Clock
4.1Writing a Stateful Component12:42
4.1
Writing a Stateful Component
12:42
4.2Higher-Order Components07:59
4.2
Higher-Order Components
07:59
5.A Multi-Selector Component
5.1Events and Passing Functions15:00
5.1
Events and Passing Functions
15:00
6.An Ajax-Powered Navbar
6.1Tools for Everyday Development14:16
6.1
Tools for Everyday Development
14:16
6.2Using Ajax in Your Components09:38
6.2
Using Ajax in Your Components
09:38
7.Conclusion
7.1Conclusion01:35
7.1
Conclusion
01:35
