---
# System prepended metadata

title: Programs list

---

# 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)

