AliceWonderland

Hands-On Tutorials for React and Redux

Beginner practice projects in React and Redux for those who like to learn by coding.

There's so much out there and many ways to start out. This is a start, from here your path can branch out how you prefer.

All resources and references are free and/or open source.

React

First projects using Facebook's Create-React-App, a barebones React app. (Best for learning only). Avoid having to research, install, and configure a setup. Jump to being able to try it to get a better sense of it.

AliceWonderland

### /etc/nginx/sites-available/default
server {

listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html;

        index index.html index.htm index.php;

AliceWonderland

function dogBreeder(name,age){
  var tmpName="";
  if(name===undefined){
    tmpName="Steve";
  }else{
    if(typeof name ==="string"){name=name;}
    else{tmpName="Steve";}
  }
  
  if(age===undefined){

AliceWonderland

//slice() does a pass by reference not value if the value it's passing is an object!
function copy(ary){
  //loop thru ary check typeof 
  //if object loop through, copy each value individually
  var resultArray=[];
  for(var i=0;i<ary.length;i++){
    var tmpItem=copyIndefinite(ary[i]);
    // console.log(tmpItem);
    resultArray.push(tmpItem);

AliceWonderland

var myArray = [1, 2, 3, 4];
reverse(myArray);
console.log(myArray) // [4, 3, 2, 1]

function reverse(arr){
  var cloneArray=arr.slice();
  var tmpArray=[];
  for(var i=0;i<arr.length;i++){
    tmpArray.push(cloneArray.pop());
  }

AliceWonderland

function mySplice(arr,start,numEles){
  //remove item at 'start'
  //remove numEles incl 'start'
  //modify original array
  //do not use splice
  
  var tmpArray = [];
  var modifiedElements=[];
  
  for(var i=0; i<arr.length;i++){

AliceWonderland

var dolly = ["Dolly", "sheep", []];
var dollyClone = cloneAnimal(dolly);
var dollyClone2 = cloneAnimal(dolly);
var dollyClone3 = cloneAnimal(dolly);

// The clone is of same species, with new name and no offspring
console.log(dollyClone)
console.log(dollyClone2)// ["DollyClone", "sheep", []]

AliceWonderland

function partial(paramA, paramB){
  var resultA=paramA(paramB,0);
  var resultB=paramB;
  
  console.log(resultA, resultB);
  
  var resultFunction=function(param){
    return resultA+param;
  };
  return  resultFunction;

AliceWonderland

function genLoggers(arrayLength){
  var resultArray=[];
  for(var i=0;i<arrayLength;i++){
    resultArray.push(
      functionMaker(i)
    );
  }
  
  function functionMaker(arrayIndex){
    return function(){

AliceWonderland

function timesTable(num){
  var timesTableNum=num;
  
  return function(num){
    return num*timesTableNum;
  }
}


// var ninesTable = timesTable(9);