React Notes

Table of Contents

1. Resources
2. Notes

Resources

• React.js Basics (freeCodeCamp)
• Reactjs.org: Getting Started
• Reactjs.org: Tutorial (and Tic Tac Toe game)
• React Tutorial: An Overview and Walkthrough
• React Cheatsheet
• Using Create React App
• JSONPlaceholder: a free online REST API that you can use whenever you need some fake data.
  • Alternative fake online REST API (if above is down)
• React lifecycle methods diagram
• Create React App deployment docs
• 30 Days of React challenge on GitHub
• React component patterns to use - A design pattern is a ‘general repeatable solution to a commonly occurring problem in software design’.
• React Interview Questions ✨

Notes

• One-way data flow
• Uses Virtual DOM (it’s a JS object which replaces DOM manipulation)
• React can be used for other purposes - mobile, VR, etc (so instead of importing ReactDOM, you would import ReactNative)
• React ecosystem: lots of tools that work with it, like node.js, Babel, npm webpack
• JSX (filetype) is a React extension to the JavaScript language syntax which provides a way to structure component rendering using syntax familiar to many developers. It is similar in appearance to HTML
• Use className instead of class for html-like tags in virtual DOM (e.g. <p className=‘boldRed’>)

---