A React PWA application

Please check the following URLs.:

https://medium.com/front-end-weekly/build-a-realtime-pwa-with-react-99e7b0fd3270

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

JavaScript: Object Oriented Programming

I stumbled across this web site and loved the simple explanation about JavaScript classes:

https://javascript.info/class

Daily Reads

Everything about Babel: https://kleopetrov.me/2016/03/18/everything-about-babel/

npm link magic: https://medium.com/@alexishevia/the-magic-behind-npm-link-d94dcb3a81af

npm config set strict-ssl false

When you have issues like SECURE KEY CHAIN while doing npm install on Mac, use the command:

npm config set strict-ssl false

Struggled on the issue: Can't use fat arrow functions (ES6) in react

Hey, it's a known issue and here's the solution:

https://stackoverflow.com/questions/41464154/cant-use-fat-arrow-functions-es6-in-react