adding further react examples

2eedadd6 · Andrej Rasevic · 47f8078d · 2eedadd6 · 2eedadd6 · 2eedadd6
Commit 2eedadd6 authored 4 years ago by Andrej Rasevic
--- a/codeExamples/week2/counter/src/setupTests.js
+++ b/codeExamples/week2/counter/src/setupTests.js
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom/extend-expect';
--- a/codeExamples/week2/events.html
+++ b/codeExamples/week2/events.html
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Event Loop</title>
+  <script src="js/events.js"></script>
+</head>  
+<body>
+  <div>
+   Open up the dev console to see how the event loop works with the job queue and task/callback queue
+  </div>
+</body>
+</html>
\ No newline at end of file
--- a/codeExamples/week2/js/events.js
+++ b/codeExamples/week2/js/events.js
+console.log('Message no. 1: Sync');
+setTimeout(function() {
+   console.log('Message no. 2: setTimeout');
+}, 0);
+var promise = new Promise(function(resolve, reject) {
+   resolve();
+});
+promise.then(function(resolve) {
+   console.log('Message no. 3: 1st Promise');
+})
+.then(function(resolve) {
+   console.log('Message no. 4: 2nd Promise');
+});
+console.log('Message no. 5: Sync');
\ No newline at end of file