ReactJS

reactJS.md

ReactJS

What is ReactJS

• Javascript framework
• Used as View in Model-View-Controller
• Library for creating UI
• https://www.youtube.com/watch?v=JPT3bFIwJYA

Environment

• https://www.youtube.com/watch?v=dGcsHMXbSOA
• nodeJS, npm
• Node_modules - all the packages locally
• public
• Src
• Package-lock-hold every version and package.json - holds scripts,

start server

npm start

Open up live server

Index.css

Styling

COMPONENTS

• File that holds all the html, logic, styling
• Self-contained piece of code

App.js

• Import react
• Function
• Export default app
• Export file
• return()- jsx code (kinda like html code)
• Logic code - before return
• Javascript braces in HTML code

NewFile.js

• Put normal react structure
• Import in app.js
• Render in app.js like html element

Index.js

• Mounts react app
• Reactdom.render app.js, index.html
• No html

Index.html

• Only one div, root

App.css

• Styling
• Classname = in file.js code
• Use it for components

Props or {}

• Parameter in function