Reading 26 Component Based UI - liz-kavalski-401-advanced-javascript/seattle-javascript-401n13 GitHub Wiki
- Had link to pratice hands on (https://reactjs.org/docs/hello-world.html)
- React is a JavaScript library
- JSX is a syntax extension to JavaScript.
- Used with React
- What dose JSX stand for?
- Example of JSX
const element = <h1>Hello, {name}</h1>;
- Allows logic and mark-up to be combined.
- Can use it inside a 'if' statement.
- React DOM uses camelCase property naming convention.
- Can help prevent XSS (cross-site-scripting) attacks.
- Can update the DOM
- React elements are immutable. Once you create an element, you can’t change its children or attributes.
- Can change with the
ReactDOM.render()
which can update the UI
- Can change with the
- I'm confused on how this part works (https://reactjs.org/docs/rendering-elements.html#react-only-updates-whats-necessary)