wtsang11
commented
2 years ago Resources
Dynamically generated regular expression https://stackoverflow.com/questions/5090103/javascript-regexp-dynamic-generation-from-variables Mozilla CSS Basics https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics Conditional rendering of View and Edit templates of ToDo, FILTER_MAP for displaying relevant ToDos https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering Code Nuggets https://www.codegrepper.com/code-examples/javascript/frameworks/ionic/react+dynamically+pass+props+to+children JacaScript Regular Expression lab https://regex101.com/codegen?language=javascript Using javascript map, filter and reduce https://code.tutsplus.com/tutorials/how-to-use-map-filter-reduce-in-javascript--cms-26209 Example: reduce may be used to filter an array and return a smaller array. See https://jsfiddle.net/wtsang/k916wq4o/ Write your own reducer https://enlear.academy/reducers-in-javascript-f5317b34cba2 Using localStorage https://www.robinwieruch.de/local-storage-react/ Material-UI checkbox https://react.school/material-ui/checkbox 2 ways to use label for checkbox https://stackoverflow.com/questions/6293588/how-to-create-a-checkbox-with-a-clickable-label Using index as key is an anti-pattern with solution https://robinpokorny.medium.com/index-as-a-key-is-an-anti-pattern-e0349aece318. React Hooks examples https://dev.to/saranshk/react-hooks-and-local-storage-let-s-build-a-todo-app-39g3 Using react-toastify as a message box https://fkhadra.github.io/react-toastify/introduction material-ui icons v4 https://v4.mui.com/components/material-icons/ material-ui icons v5 https://mui.com/material-ui/icons/ Event.preventDefault() https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault Basic styling HTML Elements https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button Using .env file https://stackoverflow.com/questions/49579028/adding-an-env-file-to-react-project Using a reducer function to process an array https://stackoverflow.com/questions/34398279/map-and-filter-an-array-at-the-same-time Todo List with persistence and update:
Using git log https://careerkarma.com/blog/git-log
http://localhost/TechNotes/wp-admin/post.php?post=1608&action=edit
VSC: http://localhost/lab/python/utilities/study_codes/opencodes.php?f=/Users/wtsang/Lab/react/sufa_react_bootcamp/