What is React

What is React ?

React is a popular JS library . It is a declarative, efficient, and flexible library for building UI .

Who maintain React?

React is maintained by Facebook Community . Main author Jordan Walke, Denis Popov

When first release React?

• React Initial release in March 2013

Official React .

• React Repo

• React.org

JSX data access

{} this is JSX system for all task

props

import Sidebar from './something' var users = { name: 'kamal', age: 25, password: 1234 } <Sidebar users={users}> //or <Sidebar users={this.state.users}> 

access props

<h1>{this.props.users.name}</h1> 

• props type package by react/facebook https://reactjs.org/docs/typechecking-with-proptypes.html

props children

<Sidebar> <h1> This is children props </h1> </sidebar> 

• access by {this.props.children} inside Sidebar component .

• css - js propertis https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference

Reference

• https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf
• https://reactarmory.com
• https://reactjs.org
• https://codesandbox.io/
• https://www.reactenlightenment.com/
• https://blog.andrewray.me/reactjs-for-stupid-people/
• https://frontendmasters.com/courses/react-intro/

• https://frontendmasters.com/books/front-end-handbook/2017/learning/react-redux.html

• https://reactpatterns.com/

path active

https://www.youtube.com/watch?v=XVdwq8W2ZsM&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b&index=8

 const aboutActive = location.pathname.match(/^\/about)? "active" : "" ;