React

A JavaScript library for building user interfaces.

Concepts to Learn

Feel free to mark as completed - [x] Concept name every concept you’ve already fully understand. To learn a new concept go to the resources section and read/practice about it. As soon as you have fully understood all the concepts on this chapter go to the next chapter.

• [ ] One-way data flow
• [ ] Virtual DOM
• [ ] JSX
• [ ] Components
• [ ] Render method
• [ ] Props
• [ ] State
• [ ] Event handlers
• [ ] Conditional rendering
• [ ] Forms
• [ ] PropTypes
• [ ] Refs
• [ ] Lifecycle methods
• [ ] Stateless functional components
• [ ] Nested components
• [ ] High order components (HOC)

Resources

Tutorials

• Intro to React
• Course Introduction to React JS
• React JS Tutorials
• Learning React.js in 8 minutes
• Introducing React

Excercises

• Build with React Tutorial
• Codecademy: Learn ReactJS - Part 1 - Part 2
• freeCodeCamp React Challenge

Tools

• Create React App (boilerplate code solution)
• React Developer Tools

References

• React.js org
• React code in GitHub

Next chapter

• PnP