scwebd
5/3/2019 - 6:05 PM
day4
==== @channel Hooks References/Examples: ======================
React Hooks Cheat Sheet (this is a GREAT resource!) https://react-hooks-cheatsheet.com/
React.js Hooks Crash Course: https://www.youtube.com/watch?v=-MlNBTSg_Ww
React’s useReducer Hook: https://reactjs.org/docs/hooks-reference.html#usereducer
Reducers Explanation from Redux: https://redux.js.org/basics/reducers/
React’s useRef Hook: https://medium.com/trabe/react-useref-hook-b6c9d39e2022
Redux in a nutshell for React developers (hint: it’s not that complex): https://blog.usejournal.com/redux-in-a-nutshell-for-react-developers-hint-its-not-that-complex-d55041adf99d
Mastering JavaScript’s && and || logical operators (<-- a great way to streamline conditional React code): https://blog.usejournal.com/mastering-javascripts-and-logical-operators-fd619b905c8f
Several React Hooks Examples from Class Activities: https://du.bootcampcontent.com/denver-coding-bootcamp/DU-DEN-FSF-FT-12-2019-U-C/tree/master/Resources/React==== @channel React, React Router, and Hooks Resources/Examples: ======================
How Proxying Works in create-react-app Applications: https://create-react-app.dev/docs/proxying-api-requests-in-development/
React Hooks Cheat Sheet (this is a GREAT resource!) https://react-hooks-cheatsheet.com/
React.js Hooks Crash Course: https://www.youtube.com/watch?v=-MlNBTSg_Ww
Newer React Router <Route> Syntax (this new syntax was added in v5; you can still do it to the old way but this new way is more efficient AND easier): https://reacttraining.com/react-router/web/example/basic
The Hooks of React Router (use these hooks to access things like params, history, match, location, etc): https://css-tricks.com/the-hooks-of-react-router/
Setting Up a “No Match” Route Using <Switch>: https://reacttraining.com/react-router/web/example/no-match
Redux in a Nutshell for React Developers: https://blog.usejournal.com/redux-in-a-nutshell-for-react-developers-hint-its-not-that-complex-d55041adf99d
Several React Hooks Examples from Class Activities: https://du.bootcampcontent.com/denver-coding-bootcamp/DU-DEN-FSF-FT-12-2019-U-C/tree/master/Resources/React==== @channel Search & Sort Algorithms + Big O Notation + JavaScript Data Structures + Optimization Resources + Video Walkthroughs: =======================
=== SORT ALGORITHMS: ===
Bubble Sort Hungarian Folk Dance: https://www.youtube.com/watch?v=lyZQPjUT5B4
Pivoting to Understanding Quick Sort: https://medium.com/basecs/pivoting-to-understand-quicksort-part-1-75178dfb9313
Recursion, Recursion, Recursion… https://www.freecodecamp.org/news/recursion-recursion-recursion-4db8890a674d/
Criteria for Choosing a Sorting Algorithm: https://www.oreilly.com/library/view/algorithms-in-a/9780596516246/ch04s09.html
=== BIG O NOTATION : ===
Beginner’s Guide to Big O Notation: https://medium.freecodecamp.org/my-first-foray-into-technology-c5b6e83fe8f1
What does the time complexity O(log n) actually mean?: https://hackernoon.com/what-does-the-time-complexity-o-log-n-actually-mean-45f94bb5bfbf
Big O Notation Video Walkthrough: https://www.youtube.com/watch?v=kDGPJlufPRE
=== DATA STRUCTURES: ===
Good Discussion of ES6 Getters and Setters: https://coryrylan.com/blog/javascript-es6-class-syntax
Data Structures in JS: Stacks and Queues: https://code.tutsplus.com/articles/data-structures-with-javascript-stack-and-queue--cms-23348
JavaScript Errors and Stack Traces In Depth: https://www.lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html
Singly-Linked and Doubly-Linked Lists: https://code.tutsplus.com/articles/data-structures-with-javascript-singly-linked-list-and-doubly-linked-list--cms-23392
The Little Guide of Linked List in JavaScript: https://hackernoon.com/the-little-guide-of-linked-list-in-javascript-9daf89b63b54
Linked List vs Array (pros, cons, use cases, etc): https://www.geeksforgeeks.org/linked-list-vs-array/
Linked List npm package: https://www.npmjs.com/package/linkedlist
What You Should Know about ES6 Maps: https://hackernoon.com/what-you-should-know-about-es6-maps-dc66af6b9a1e
Map MDN Documentation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
Binary Search Tree npm package: https://www.npmjs.com/package/binary-search-tree
Implementation of Binary Search Tree in JavaScript: https://www.geeksforgeeks.org/implementation-binary-search-tree-javascript/
How Binary Search Trees Work in JavaScript: https://medium.com/javascript-in-plain-english/binary-search-tree-in-javascript-ca5aa7ba05de
Graph Data Structures in JavaScript for Beginners: https://adrianmejia.com/data-structures-for-beginners-graphs-time-complexity-tutorial/
=== EFFICIENCY/OPTIMIZATION: ===
13 Tips to Write Faster, Better-Optimized JavaScript: https://medium.com/@bretcameron/13-tips-to-write-faster-better-optimized-javascript-dc1f9ab063d8
10 Tips for Javascript Debugging Like a PRO with Console: https://medium.com/appsflyer/10-tips-for-javascript-debugging-like-a-pro-with-console-7140027eb5f6
=== RELATED WHITEBOARDING CHALLENGES: ===
Intro to Whiteboarding: https://coding-bootcamp-whiteboarding-algorithms.readthedocs-hosted.com/en/latest/
=== VIDEO WALKTHROUGHS: ===
Binary and Linear Search Video Walkthrough: https://www.youtube.com/watch?v=3OH-Ta_mc8E
Sorting Algorithm Video Walkthrough: https://www.youtube.com/watch?v=CnBvrA5EOfw
Big O Notation Video Walkthrough: https://www.youtube.com/watch?v=kDGPJlufPRE