React JS

Components
Adding React to project
JSX as a "React language"
Render
React lifecycle

React components

vkPage

How to create a component


Import React from 'react'

function HelloWorld(){
	return (
		
			Hello world
		
	)
}

A little bit about rendering


import {render} from 'react-dom'

render(, 'Element from HTML')

React component
Parent element
Callback function

What we need to use React

Dancing

Babel (for easier work)

babel

Webpack (for easier work)

webpack

create-react-app


npm install create-react-app

What is JSX?

JSXCode

Props


export default HelloWorld


function HelloWorld(props) {
	const text = props
	return (
		
			{text}
		
	)
}

Virtual DOM

virtualDOM

React lifecycle

Inicialization

constructor(props)
componentWillMount()
render()
componentDidMount()

Update

componentWillReceiveProps(nextProps)
shouldComponentUpdate(nextProps, nextState)
componentWillUpdate(nextProps, nextState)
render()
componentDidUpdate(prevProps, prevState)

Delete

componentWillUnmount()