Reactjs Hooks

As per Reactjs docs:

A Hook is a special function that lets you "hook into" React features.

- in other word -

Hooks are functions that let you 'hook into' React state and lifecycle features from function components. 

References:
https://medium.com/free-code-camp/learn-the-basics-of-react-hooks-in-10-minutes-b2898287fe5d (very simple and elegant way of explanation)
https://reactjs.org/docs/hooks-intro.html
https://daveceddia.com/usecontext-hook/

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

**https://reactjs.org/docs/hooks-reference.html - this is where you can find all the hooks & examples


from the author who created global-state-hook: https://medium.com/@chathuranga94/managing-global-state-with-reacts-hooks-context-api-9b9f781d8a3f

About custom hooks: https://dev.to/wellpaidgeek/how-to-write-custom-hooks-in-react-1ana

About React Context: https://www.freecodecamp.org/news/react-context-in-5-minutes/

Good examples on:

useContext: https://www.robinwieruch.de/react-usecontext-hook

customHooks: https://blog.bitsrc.io/writing-your-own-custom-hooks-4fbcf77e112e

A simple example on using some of the hooks:
NOTE:

1. Once you create app using create-react-app, remove all the files in public and src folders.
2. Add index.html in public folder and rest of the files in src folder

JavaScript Sandbox

Here's one sandbox where we can play with plain vanilla JavaScript:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment