8f5e90b5.9a466af7.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{159:function(e,t,r){"use strict";r.r(t),r.d(t,"frontMatter",(function(){return o})),r.d(t,"metadata",(function(){return i})),r.d(t,"rightToc",(function(){return l})),r.d(t,"default",(function(){return u}));var n=r(1),a=r(9),c=(r(0),r(176)),o={id:"doc_interactive_learning",title:"Interactive Learning"},i={id:"doc_interactive_learning",title:"Interactive Learning",description:"## Practice makes perfect",source:"@site/docs/doc_interactive_learning.md",permalink:"/docs/doc_interactive_learning",editUrl:"https://github.com/pfongkye/cheat-sheets-docs/edit/master/docs/doc_interactive_learning.md",sidebar:"someSidebar",previous:{title:"Miscellaneous",permalink:"/docs/doc_misc"},next:{title:"Test Driven Development",permalink:"/docs/practices/doc_tdd"}},l=[{value:"Practice makes perfect",id:"practice-makes-perfect",children:[]},{value:"Live Training",id:"live-training",children:[{value:"Creating Robust React Applications with Redux",id:"creating-robust-react-applications-with-redux",children:[]},{value:"How to conduct a crash course",id:"how-to-conduct-a-crash-course",children:[]}]}],p={rightToc:l};function u(e){var t=e.components,r=Object(a.a)(e,["components"]);return Object(c.b)("wrapper",Object(n.a)({},p,r,{components:t,mdxType:"MDXLayout"}),Object(c.b)("h2",{id:"practice-makes-perfect"},"Practice makes perfect"),Object(c.b)("p",null,Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.katacoda.com/"}),"katacoda playground")),Object(c.b)("p",null,Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.codingame.com/"}),"Coding game")," "),Object(c.b)("p",null,Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.freecodecamp.org/"}),"Free code camp")," "),Object(c.b)("p",null,Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.codewars.com/dashboard"}),"Code Wars")," "),Object(c.b)("p",null,Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://codelabs.developers.google.com/"}),"Google codelabs")),Object(c.b)("p",null,Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://projecteuler.net/"}),"Project Euler")),Object(c.b)("p",null,Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://fonts.google.com/knowledge"}),"Google Fonts Knowledge")," "),Object(c.b)("h2",{id:"live-training"},"Live Training"),Object(c.b)("h3",{id:"creating-robust-react-applications-with-redux"},"Creating Robust React Applications with Redux"),Object(c.b)("p",null,"The source code ",Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"https://github.com/shaunwa/redux-todos-example"}),"example")),Object(c.b)("p",null,"Some ideas :"),Object(c.b)("ul",null,Object(c.b)("li",{parentName:"ul"},"react-persist to keep state in local storage for example"),Object(c.b)("li",{parentName:"ul"},"reselect for selectors"),Object(c.b)("li",{parentName:"ul"},"react-testing library"),Object(c.b)("li",{parentName:"ul"},"Context and useReducer instead of redux library?")),Object(c.b)("h3",{id:"how-to-conduct-a-crash-course"},"How to conduct a crash course"),Object(c.b)("p",null,"An interesting ",Object(c.b)("a",Object(n.a)({parentName:"p"},{href:"http://gregorriegler.com/2021/07/02/tdd-crash-course-from-the-back-of-the-room.html"}),"article")," on how to drive a TDD learning course. "))}u.isMDXComponent=!0},176:function(e,t,r){"use strict";r.d(t,"a",(function(){return b})),r.d(t,"b",(function(){return m}));var n=r(0),a=r.n(n);function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p=a.a.createContext({}),u=function(e){var t=a.a.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):i({},t,{},e)),r},b=function(e){var t=u(e.components);return a.a.createElement(p.Provider,{value:t},e.children)},s={inlineCode:"code",wrapper:function(e){var t=e.children;return a.a.createElement(a.a.Fragment,{},t)}},d=Object(n.forwardRef)((function(e,t){var r=e.components,n=e.mdxType,c=e.originalType,o=e.parentName,p=l(e,["components","mdxType","originalType","parentName"]),b=u(r),d=n,m=b["".concat(o,".").concat(d)]||b[d]||s[d]||c;return r?a.a.createElement(m,i({ref:t},p,{components:r})):a.a.createElement(m,i({ref:t},p))}));function m(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var c=r.length,o=new Array(c);o[0]=d;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i.mdxType="string"==typeof e?e:n,o[1]=i;for(var p=2;p<c;p++)o[p]=r[p];return a.a.createElement.apply(null,o)}return a.a.createElement.apply(null,r)}d.displayName="MDXCreateElement"}}]);