Let's start by opening a new console/terminal window from a convenient working directory and type:
$ mkdir js-unit-test-101
$ cd js-unit-test-101| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - APPLY UI</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.0.0/react-redux.js"></script> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - APPLY UI</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - APPLY UI</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - APPLY UI</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - APPLY UI</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react.js"></script> | |
| <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - COMBINE REDUCERS from scratch</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.js"></script> | |
| <script src="https://wzrd.in/standalone/expect@latest"></script> | |
| <script src="https://wzrd.in/standalone/deep-freeze@latest"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - COMBINE REDUCERS MANUALLY</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.0.4/redux.js"></script> | |
| <script src="https://wzrd.in/standalone/expect@latest"></script> | |
| <script src="https://wzrd.in/standalone/deep-freeze@latest"></script> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - EXPECTATIONS</title> | |
| <script src="https://wzrd.in/standalone/expect@latest"></script> | |
| <script src="https://wzrd.in/standalone/deep-freeze@latest"></script> | |
| </head> | |
| <body> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>REDUX TRANING - EXPECTATIONS</title> | |
| <script src="https://wzrd.in/standalone/expect@latest"></script> | |
| <script src="https://wzrd.in/standalone/deep-freeze@latest"></script> | |
| </head> | |
| <body> |