sStatus: Tags: Links: JavaScript MOC
ReactJS
Principles
- Turns visuals into components that are easily manageable
- Uses JSX, which is very similar to html
- Need to import react to use JSX
- ReactJS Components
- React CSS and Styles
- ReactJS Object Oriented Programming
- ReactJS Events
- ReactJS Hooks
e.preventDefault
prevents page from reloading after submitting form
Rules
Make sure states do not affect re-render of irrelevant chidlren
- Key when mapping
- use index as key, add param
index
prior to map
- use index as key, add param
Folder structure
- Assets
- Components
- Constants
- Imports of constantly used files
- Containers
- Comps holding multiple conts
Benefits
- VirtualDOM
- Makes react faster
- Reusable components
Resources
ReactJS Scrimba text editor freeCodeCamp full course for beginners
Tips
References:
Created:: 2021-06-14 20:55