IMPORTANT --> * symbols --> *something 'from comments' maps to *something 'from the next code snippet'

--> *** symbols --> these assertions are always true

{ Hooks } = React, 
{ ECMASCRIPT, spreadOperator : { ... },  } = JavaScript,
                                
  Redux, 

BEST PRACTICES

//*someFunction is a function 'It does something' it. it takes *(someProps) 'some stuff, data'  and passes it into the *=> {
const someFunction = (someProps) => {
   //here we declare a *const object ' The values cant change once declared' and read the values from the *someProps object
   //***1someProps.prop.someSubProps = { name : "fred", age : 10, freinds : ARRAY } 
   //***1someSubsProps = someProps.prop.someSubProps
   //someOtherFunction = (someOtherFunctionProps, someOtherShit) => { 'Its a function which takes some stuff and does something
   
   const { prop1 : { someSubProps }, someOtherFunction, props2 : { moreProps } , ...rest  } = someProps
   if (someOtherFunction) { // if someOtherFunction is a function then try and run it
      someOtherFunction() // run someOtherFunction
   }
   return { someSubProps, }
}

New System Pre Requesites -

node.js vs code git

vs code -- extensions eslint, indent-rainbow?, Debugger chrome, Error Lens, { intellisense } = npm, { History, Lens } = Git, CODE SNIPPETS!! --> Anything with a install count 1 mil + and you're interested in, Recommendations --> HTML 5 Abusaid, { JavaScript(ES6), Reactjs } = karypidis, ES7 dsznajder, Reactjs

Sample 1 -- shopping-cart -- ecommerce application

Goals -- useHooks, remove connect, convert to functional components Setup -- Needs python

1. https://www.python.org/downloads/
2. npm install --global --production windows-build-tools

Sample 2 -- pokedex --

Goals -- useHooks, remove connect, convert to functional components Setup --

Needs python

1. https://www.python.org/downloads/
2. npm install --global --production windows-build-tools

Features

Getting started

Try playing with the code on CodeSandbox :)

Build/Run

Requirements

Copyright and license

The MIT License (MIT). Please see License File for more information.

Contributors

Thanks goes to these wonderful people (emoji key):