React In Depth

React In Depth

React Component Lifecycle

https://reactjs.org/docs/react-component.html

https://reactjs.org/docs/state-and-lifecycle.html

Interactive React Lifecycle Methods diagram

http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

https://github.com/wojtekmaj/react-lifecycle-methods-diagram

---

React Hooks

https://reactjs.org/docs/hooks-intro.html

https://reactjs.org/docs/hooks-custom.html

https://reactjs.org/docs/hooks-rules.html

useState

import React, { useState } from 'react';

function Example() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

---

React Error Handling

Error Boundary

https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html

https://stackoverflow.com/questions/49707828/how-to-write-test-case-for-errorboundary-in-react-using-jest-enzyme

---