formik v2.0.3 demo playground + stackblitz web ide

https://ideas-formik-playground.web.app

100ideas-formik-playground is a little demo app I put together to help myself learn how to use formik v2.0.3. Its just a simple single-serving site with 4 examples sourced from preexisting tutorials / docs / issues.

Thanks to @jaredpalmer for the snappy css boilerplate (from formik-v2 codesandbox), it's sharp! Furthermore, thank you for creating formik & documenting it well.

also "thank you" to @ersel for demonstrating how to recreate the functionality of <FastField> in ^v2.0.3

do this!

• Play with the live demo app (thanks, stackblitz + google firebase!)
• Edit on StackBlitz ⚡️
• Fork the repo on github
• then add some more demos and send over a PR! 👍🏻
• read the formik docs: https://jaredpalmer.com/formik/
• discuss:
  • dev.to
  • formik repo ~issue tracker #xx~ - not yet

demonstrations (links to src)

• ./components/TutorialPlayground: playing around with offical tutorial
• ./components/FormikTutorialFinal.js: official Formik Tutorial Final Result
• ./components/FastFieldDIY.js: FastField fix - demo of FastInputField rendering fields isolated from Form prop changes
• ./components/DraftEditorFormik.js: how to hook Draft.js into formik for use as a custom field