Combine Reducer - VILs

Excellent Documentation on Combine Reducer Internal Implementation

https://programmer.group/combine-reducers-for-reux-source-analysis.html

Refresher on CombineReducer

https://blog.jakoblind.no/code-your-own-combinereducers/

Official Documentation on CombineReducer

https://redux.js.org/api/combinereducers

Witty Git Thread for problems in binding issue of Combine Reducer

https://github.com/reduxjs/redux/issues/2578

StackOverflow followup for the above VIL

https://stackoverflow.com/questions/53018766/why-redux-reducer-getting-undefined-instead-of-the-initial-state

StackOverflow Discussion Thread for Redux Behavior and Combine Reducer Implementation

https://stackoverflow.com/questions/36619093/why-do-i-get-reducer-returned-undefined-during-initialization-despite-pr

Core Concept of Combine Reducer

https://redux.js.org/recipes/structuring-reducers/using-combinereducers

Google Search on Combine Reducers

https://www.google.com/search?sxsrf=ALeKk02J7zxX8hnaVbcqJRODVZjjj4WosQ%3A1590558930131&ei=0gDOXpO2AvuU4-EP3LGHiA0&q=combine+reducers+redux&oq=combine+reducers+redux&gs_lcp=CgZwc3ktYWIQAzIECCMQJzICCAAyAggAMgYIABAWEB4yBggAEBYQHjIICAAQFhAKEB4yBggAEBYQHjIICAAQFhAKEB4yCAgAEBYQChAeOgQIABBHUJsJWKMKYPYKaABwAXgAgAFpiAFpkgEDMC4xmAEAoAEBqgEHZ3dzLXdpeg&sclient=psy-ab&ved=0ahUKEwiT55PgrdPpAhV7yjgGHdzYAdEQ4dUDCAw&uact=5

###########################################################################################################

JEST Unit Testing && Enzyme

JEST - How to Install Jest to test React Components

JEST - Create React App react-scripts package requires a dependency: "babel-jest": "^24.9.0 #28

StackOverflow Solution for shallow enzyme adapter issue

https://stackoverflow.com/questions/50222545/enzyme-expects-an-adapter-to-be-configured

Best Practices for Unit Testing for React and Redux

https://willowtreeapps.com/ideas/best-practices-for-unit-testing-with-a-react-redux-approach

Server Side Rendering Core Concept

https://redux.js.org/recipes/server-rendering

Writing Unit Tests

https://redux.js.org/recipes/writing-tests

JEST and Enzyme digest Medium

https://medium.com/@krishankantsinghal/what-is-jest-and-enzyme-how-it-can-help-us-writing-test-cases-for-our-react-js-component-8bb5f61f0116

Using Enzyme with Jest

https://enzymejs.github.io/enzyme/docs/guides/jest.html

Installing Enzyme Documentation

https://enzymejs.github.io/enzyme/docs/installation/

Enzyme Core Documentation

https://enzymejs.github.io/enzyme

Unit Testing React Components -Medium Javascript Scene

https://medium.com/javascript-scene/unit-testing-react-components-aeda9a44aae2

Core Documentation on React Testing

https://reactjs.org/docs/testing.html

Mocking Modules - React Testing

https://reactjs.org/docs/testing-environments.html#mocking-modules

Mocking Timers - React Testing

https://reactjs.org/docs/testing-environments.html#mocking-timers

JEST Official Docs - installation Guide

https://jestjs.io/docs/en/getting-started

JEST API Docs

https://jestjs.io/docs/en/api

#GITHUB CHECKPROPTYPES REPO https://github.com/ratehub/check-prop-types

GITHUB PROPTYPES REPO

https://github.com/facebook/prop-types

##########################################################################################################

REACTJS - SWITCH

Require Default Case in Switch Statements (default-case)

https://eslint.org/docs/rules/default-case

##########################################################################################################

REDUX

Redux ServerSide

Redux Implementation with React Hooks

Redux Intro - Official Docs

https://redux.js.org/introduction/examples

Medium Blog on Redux CRUD example

https://codeburst.io/redux-a-crud-example-abb834d763c9

TroubleShooting

https://redux.js.org/troubleshooting

Redux: Updating the State with the Fetched Data

https://egghead.io/lessons/javascript-redux-updating-the-state-with-the-fetched-data

Google Search on Updating Existing State in Redux

https://www.google.com/search?q=updating+existing+state+in+redux&oq=updating+existing+state+in+redux&aqs=chrome..69i57.6404j0j1&sourceid=chrome&ie=UTF-8

Redux Hooks

https://react-redux.js.org/api/hooks#removed-useactions

REDUX ACTIONS

https://redux.js.org/basics/actions

REDUX FLUX

http://facebook.github.io/flux/docs/overview/

REDUX DATAFLOW

https://redux.js.org/basics/data-flow

HOOK API DOCS

https://react-redux.js.org/api/hooks

Medium Blog - Step By Step Guide for building React-Redux Apps

https://medium.com/@rajaraodv/step-by-step-guide-to-building-react-redux-apps-using-mocks-48ca0f47f9a

ownProps - StackOverflow

What is ownProps in react-redux?

##########################################################################################################

JAVASCRIPT

Blog on JS datatypes

https://www.tutorialrepublic.com/javascript-tutorial/javascript-data-types.php

Pure Function - Medium blog

https://medium.com/@jamesjefferyuk/javascript-what-are-pure-functions-4d4d5392d49c

Book - Pure Function

https://drboolean.gitbooks.io/mostly-adequate-guide-old/content/ch3.html

Monkey Patching

https://www.audero.it/blog/2016/12/05/monkey-patching-javascript/

##########################################################################################################

REACT ROUTER

Router - How to push to History in React Router v4?

StackOverflow question on How to hide Nav bar in some react components

https://stackoverflow.com/questions/53097610/how-to-hide-nav-bar-in-some-react-components

StackOverFlow Question - How to display a Route by default with React-Router

https://stackoverflow.com/questions/34163617/how-to-display-a-route-by-default-with-react-router

Nested Routes

https://tylermcginnis.com/react-router-nested-routes/

WithRouter StackOverflow

https://stackoverflow.com/questions/53539314/what-is-withrouter-for-in-react-router-dom

REACT-ROUTER TRAINING - OFFICIAL DOCS

https://reacttraining.com/react-router/web/api/Switch

REACT-ROUTER TRAINING - LOCATION

https://reacttraining.com/react-router/web/api/location

React Router Hooks

https://css-tricks.com/the-hooks-of-react-router/

React Router Training - HISTORY

https://reacttraining.com/react-router/web/api/history

Stack Overflow - How to pass params with history.push/Link/Redirect in react-router v4?

https://stackoverflow.com/questions/44121069/how-to-pass-params-with-history-push-link-redirect-in-react-router-v4

##########################################################################################################

HandleBars React

Official Documentation

https://www.npmjs.com/package/hbs

##########################################################################################################

REDUX HOOKS

React Hooks

React Hooks - State management using only React Hooks

React-Redux Hooks: useSelector and useDispatch

https://levelup.gitconnected.com/react-redux-hooks-useselector-and-usedispatch-f7d8c7f75cdd

Hook Overview

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

Custom Hooks

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

Hook Rules

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

Using the State Hook

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

Hooks FAQ

https://reactjs.org/docs/hooks-faq.html#what-do-hooks-mean-for-popular-apis-like-redux-connect-and-react-router

Hook Explanation

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

HOOK API DOCS

https://react-redux.js.org/api/hooks

LifeCycle Hooks

https://www.newline.co/fullstack-react/30-days-of-react/day-7/

Google Search on useDispatch in every component

https://www.google.com/search?client=ubuntu&channel=fs&q=do+I+need+to+use+useDispatch+in+every+component&ie=utf-8&oe=utf-8

React Router Hooks

https://css-tricks.com/the-hooks-of-react-router/

Using useEffect Hook

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

ComponentDidMount React

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

##########################################################################################################

REACT API

HOW TO CONSUME A RESTFUL API IN REACT

https://pusher.com/tutorials/consume-restful-api-react

REQUEST HEADER DOC

https://developer.mozilla.org/en-US/docs/Web/API/REQUEST

Blog on Callback, Promises and Async

https://scotch.io/courses/10-need-to-know-javascript-concepts/callbacks-promises-and-async

StackOverflow - React JS - How to authenticate credentials via a fetch statement

https://stackoverflow.com/questions/50275723/react-js-how-to-authenticate-credentials-via-a-fetch-statement

###########################################################################################################

REDUX THUNK

Normalized Data Merge (Shallow and Merge)

https://redux.js.org/recipes/structuring-reducers/updating-normalized-data

REDUX ORM

https://redux.js.org/recipes/structuring-reducers/updating-normalized-data#redux-orm

REDUX THUNK MIDDLEWARE OFFICIAL DOCS

https://redux.js.org/advanced/middleware#attempt-5-removing-monkeypatching

REDUX THUNK ASYNC ACTION CREATORS

https://redux.js.org/advanced/async-actions#async-action-creators

REDUX THUNK state Update

https://www.google.com/search?client=ubuntu&channel=fs&q=editing+the+state+value+and+updating+using+redux+thunk&ie=utf-8&oe=utf-8

Redux MiddleWare

###########################################################################################################

IMMUTABILITY IN REACT AND REDUX

Blog

https://daveceddia.com/react-redux-immutability-guide/

###########################################################################################################

REACT SASS

Adding Sass to Create React App Applications

https://scotch.io/starters/react/adding-sass-to-create-react-app-applications

Types and Styles in React Button component

###########################################################################################################

SENTRY

https://sentry.io/welcome/

Google Search on Sentry

https://www.google.com/search?client=ubuntu&channel=fs&q=sentry+for+ubuntu&ie=utf-8&oe=utf-8

###########################################################################################################

REDUX STORE

Store Official Docs

https://redux.js.org/api/store

###########################################################################################################

EMOTI0N

Official Docs

https://emotion.sh/docs/introduction

Styling a react app using Emotion CSS in JS library - An introduction to Emotion

https://learnwithparam.com/blog/styling-react-app-using-emotion-css-in-js-library/

###########################################################################################################

Functional Components

LogRocket - 3 advantages of React functional components on an eCommerce site

https://blog.logrocket.com/react-functional-components-3-advantages-and-why-you-should-use-them-a570c83adb5e/

ReactJS lifecycle method inside a function Component

https://stackoverflow.com/questions/44506207/reactjs-lifecycle-method-inside-a-function-component

<<<<<<< HEAD

Functional Programming Forms

https://nestedsoftware.com/2018/10/02/forms-in-react-a-functional-programming-primer-183.52688.html

e924999a2115d511a1a7ba5a6a84ffe55f676934

###########################################################################################################

REACT - DESTRUCTURING

Mozilla Web Docs Destructuring

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

XOR Swap Algorithm

https://en.wikipedia.org/wiki/XOR_swap_algorithm

##########################################################################################################

Deno Land - Ryan Dhal

Official Repo of Deno Land

https://github.com/denoland

Google Search on Deno Land

https://www.google.com/search?client=ubuntu&channel=fs&q=deno&ie=utf-8&oe=utf-8

###########################################################################################################

REACTJS - CORE

State Manipulation

https://www.sitepoint.com/work-with-and-manipulate-state-in-react/

React Forms

https://reactjs.org/docs/forms.html

preventDefault in React Forms

https://www.robinwieruch.de/react-preventdefault

Handling User Input in React - CRUD

https://medium.com/the-andela-way/handling-user-input-in-react-crud-1396e51a70bf