# Programs list - [Styles Sample](https://stackblitz.com/edit/react-3srw4x?file=src/App.js) - [Component and PureComponent](https://stackblitz.com/edit/react-component-purecomponent?file=src%2FApp.js) - [Life Cycle Mount](https://codesandbox.io/s/react-mount-app-xncdo?file=/src/App.js) ![](https://i.imgur.com/NUl9u4c.png) - [Life Cycle Update](https://stackblitz.com/edit/react-mount-app?file=src%2FApp.js) - ![](https://i.imgur.com/S6zFyxc.png) - [Life Cycle in function Component](https://stackblitz.com/edit/react-function-lifecycle?file=src/App.js) - ![](https://i.imgur.com/vZoSbl4.png) Formik - [Formik Form](https://codesandbox.io/s/react-formik-h3k3n) ![](https://i.imgur.com/RiA41V9.png) - [Simple form](https://codesandbox.io/s/react-form-jl6n9?file=/src/App.js) - [Formik wrapper](https://codesandbox.io/s/react-form-jl6n9?file=/src/App.js) - [Formik Hook](https://codesandbox.io/s/react-formik-hook-h8699?file=/src/App.js) - [Form dynamic](https://codesandbox.io/s/dynamickey-8yo7o?file=/src/App.js) [https://gitmind.com/app/doc/5681339904](https://gitmind.com/app/doc/5681339904) Context API ![](https://i.imgur.com/smNeurK.png) sync and asycn state update https://codesandbox.io/s/sync-async-state-rvdzf?file=/src/App.js:388-408 Scope ![](https://i.imgur.com/Uk6DE6d.png)