Based on the following bullet points, explain with example codes the best practices in react.js. Make your own examples, do not copy codes online or anywhere

· Make use of functional components with hooks instead of class components

· Make use of the React Context API for passing props

· Make use of react fragments instead of divs

· Make use of Boolean short circuit evaluation conditionals instead of ternary statements for conditionals

· Make use of error boundaries in react

· While updating state in react, retain previous values

· Make use of CSS in your JSX projects

Give example codes and short explanation for each. 250 words