Mentoring checklist for the necessary skillset of every developer
[] Git: revert [] Git: checkout a new branch [] Git: rebase a branch [] Git: create commits [] Git: stage changes [] Git: add files with changes for staging [] Git: remove & replace README.md file [] Git: fetch & pull for new changes [] Git: reset a branch to another branch origin [] Git: delete a branch locally [] Git: delete a branch on origin [] Git: perform a git merge [] Git: perform a git merge dry run [] Git: perform a git merge abort [] Git: perform a git stash save [] Git: perform a git stash pop [] Git: perform a git stash list [] Git: perform a git stash apply of a specific stash
[] use create-react-app [] delete index.js from React project and re-create from memory [] create a vanilla React login form component [] add react-router-dom to a create-react-app repo [] implement React router on a small web page app [] Map an Array in React
[] create package.json from scratch[] npm/yarn init [] install locally [] install globally [] install to dev dependencies [] install to dependencies [] uninstall locally [] uninstall globally [] uninstall to dev dependencies [] uninstall to dependencies [] create a start sript [] create a test script [] create a custom script
[] run a nodejs file [] use process.env in a node file [] create a practice expressjs repo ES6 [] import a file in ES6 syntax [] import an npm package in ES6 syntax [] export a function in ES6 syntax [] export a class in ES6 syntax [] export an object ES5 [] require a file [] require an npm package [] export a function [] export multiple functions [] export an object
[] create/scaffold html file down to body tag [] reference CSS file in html [] reference JS file in html [] add a google font reference
Elements Tab [] select a part of the webpage to focus an element [] add/remove a class from an element [] add/remove a class via the styles section [] check rendering box sizing via Computed tab [] change CSS elements live to troubleshoot / debug css Source Tab [] find the page's main js file [] set a breakpoint in a js file [] set a breakpoint at a function and view scope / locals [] remove breakpoints Console [] locate error messages on a page React Dev Tools [] use React Dev Tools to check children elements [] use Redux Dev Tools to check elements [] use console to look at props of a react element $r [] change css code -inside of dev tools
[] add a grid/box [] add / change padding [] add / change margin [] add image [] add a default google font family [] add style to login box [] add color/change color inside of an element [] add React-motion: springs, transition spring [] add background color [] add color / decoration to text
[] delete index.js from Expressjs project and re-create from memory