Add React Alicante talk to docs

jaredpalmer · Sep 26, 2018 · 28189b0 · 28189b0
1 parent 29872a1
commit 28189b0
Show file tree

Hide file tree

Showing 5 changed files with 75 additions and 36 deletions.
diff --git a/docs/overview.md b/docs/overview.md
@@ -39,6 +39,10 @@ By now, you might be thinking, "Why didn't you just use
 minimal API that does the really really annoying stuff, and leaves the rest up
 to you.**
 
+---
+
+My talk at React Alicante goes much deeper into Formik's motivation and philosophy, introduces the library (by watching me build a mini version of it), and demos how to build a non-trivial form (with arrays, custom inputs, etc.) using the real thing.
+
 ## Influences
 
 Formik started by expanding on
@@ -197,7 +201,7 @@ const Basic = () => (
       {({ isSubmitting }) => (
         <Form>
           <Field type="email" name="email" />
-          <ErrorMessage name="email" component="div"/>
+          <ErrorMessage name="email" component="div" />
           <Field type="password" name="password" />
           <ErrorMessage name="password" component="div" />
           <button type="submit" disabled={isSubmitting}>

diff --git a/docs/resources.md b/docs/resources.md
@@ -5,29 +5,25 @@ title: Resources
 
 ## Conference Talks
 
-* [Taming Forms in React](https://2018.reactjsday.it/talks.html) by
-  [Jared Palmer](https://twitter.com/jaredpalmer) @ React.js Day Italy - Oct 5, 2018
-* [Taming Forms in React](http://reactalicante.es/) by
+* [Taming Forms in React](https://jaredpalmer.com/blog/formik-taming-forms-in-react) by
   [Jared Palmer](https://twitter.com/jaredpalmer) @ React Alicante - Sep 15, 2018
 * [An Introduction to Formik](https://youtu.be/-tDy7ds0dag?t=33s) by
   [Jared Palmer](https://twitter.com/jaredpalmer) @ Spotify NYC - Aug 15, 2017
 
-
 ## Community Videos
 
-- [Form handling in React-Native with Formik and Yup](https://www.youtube.com/watch?v=EO08ydCCsOQ) by [Emanuel Quimper](https://twitter.com/QuimperEmanuel) - May 23, 2018
-- Building an Airbnb Clone Series by [Ben Awad](https://twitter.com/benawad97)
-  - [Coding React Form with Formik and Ant Design - Part 3](https://www.youtube.com/watch?v=pbCrDBQFU_A&index=5&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
-  - [Form Validation in Formik with Yup - Part 4](https://www.youtube.com/watch?v=2CBnRDJ--aM&index=6&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
-  - [Simplifying a React form with the Formik Field Component - Part 6](https://www.youtube.com/watch?v=eMjju1nQ1F8)
-  - [How to use Formik with React Native - Part 17](https://www.youtube.com/watch?v=sBWtPEinWGA)
-  - [Multi Step Form in React with Formik - Part 36](https://www.youtube.com/watch?v=kKpoAhugjUc)
-  - [Custom Formik Fields and Fix Typescript Imports - Part 37](https://www.youtube.com/watch?v=Xwjg8meOglI)
-  - [Update Listing Form - Part 67](https://www.youtube.com/watch?v=PWgGkWwwHiE&index=69&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
-- [Better React Forms with Formik](https://www.youtube.com/watch?v=yNiJkjEwmpw) by [Andrew Mead](https://twitter.com/andrew_j_mead) - Nov 28, 2017
-- [Simple React Form with Formik](https://youtu.be/MuwQdUoNKzg) by [Ben Awad](https://twitter.com/benawad97) - Nov 3, 2017
-- [Building an Add Channel Form with Formik](https://www.youtube.com/watch?v=anwo_i0wgNo) by [Ben Awad](https://twitter.com/benawad97) - Oct 27, 2017
-
+* [Form handling in React-Native with Formik and Yup](https://www.youtube.com/watch?v=EO08ydCCsOQ) by [Emanuel Quimper](https://twitter.com/QuimperEmanuel) - May 23, 2018
+* Building an Airbnb Clone Series by [Ben Awad](https://twitter.com/benawad97)
+  * [Coding React Form with Formik and Ant Design - Part 3](https://www.youtube.com/watch?v=pbCrDBQFU_A&index=5&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+  * [Form Validation in Formik with Yup - Part 4](https://www.youtube.com/watch?v=2CBnRDJ--aM&index=6&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+  * [Simplifying a React form with the Formik Field Component - Part 6](https://www.youtube.com/watch?v=eMjju1nQ1F8)
+  * [How to use Formik with React Native - Part 17](https://www.youtube.com/watch?v=sBWtPEinWGA)
+  * [Multi Step Form in React with Formik - Part 36](https://www.youtube.com/watch?v=kKpoAhugjUc)
+  * [Custom Formik Fields and Fix Typescript Imports - Part 37](https://www.youtube.com/watch?v=Xwjg8meOglI)
+  * [Update Listing Form - Part 67](https://www.youtube.com/watch?v=PWgGkWwwHiE&index=69&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+* [Better React Forms with Formik](https://www.youtube.com/watch?v=yNiJkjEwmpw) by [Andrew Mead](https://twitter.com/andrew_j_mead) - Nov 28, 2017
+* [Simple React Form with Formik](https://youtu.be/MuwQdUoNKzg) by [Ben Awad](https://twitter.com/benawad97) - Nov 3, 2017
+* [Building an Add Channel Form with Formik](https://www.youtube.com/watch?v=anwo_i0wgNo) by [Ben Awad](https://twitter.com/benawad97) - Oct 27, 2017
 
 ## Community Articles / Tutorials
 

diff --git a/website/versioned_docs/version-1.2.0/resources.md b/website/versioned_docs/version-1.2.0/resources.md
@@ -6,29 +6,25 @@ original_id: resources
 
 ## Conference Talks
 
-* [Taming Forms in React](https://2018.reactjsday.it/talks.html) by
-  [Jared Palmer](https://twitter.com/jaredpalmer) @ React.js Day Italy - Oct 5, 2018
-* [Taming Forms in React](http://reactalicante.es/) by
+* [Taming Forms in React](https://jaredpalmer.com/blog/formik-taming-forms-in-react) by
   [Jared Palmer](https://twitter.com/jaredpalmer) @ React Alicante - Sep 15, 2018
 * [An Introduction to Formik](https://youtu.be/-tDy7ds0dag?t=33s) by
   [Jared Palmer](https://twitter.com/jaredpalmer) @ Spotify NYC - Aug 15, 2017
 
-
 ## Community Videos
 
-- [Form handling in React-Native with Formik and Yup](https://www.youtube.com/watch?v=EO08ydCCsOQ) by [Emanuel Quimper](https://twitter.com/QuimperEmanuel) - May 23, 2018
-- Building an Airbnb Clone Series by [Ben Awad](https://twitter.com/benawad97)
-  - [Coding React Form with Formik and Ant Design - Part 3](https://www.youtube.com/watch?v=pbCrDBQFU_A&index=5&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
-  - [Form Validation in Formik with Yup - Part 4](https://www.youtube.com/watch?v=2CBnRDJ--aM&index=6&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
-  - [Simplifying a React form with the Formik Field Component - Part 6](https://www.youtube.com/watch?v=eMjju1nQ1F8)
-  - [How to use Formik with React Native - Part 17](https://www.youtube.com/watch?v=sBWtPEinWGA)
-  - [Multi Step Form in React with Formik - Part 36](https://www.youtube.com/watch?v=kKpoAhugjUc)
-  - [Custom Formik Fields and Fix Typescript Imports - Part 37](https://www.youtube.com/watch?v=Xwjg8meOglI)
-  - [Update Listing Form - Part 67](https://www.youtube.com/watch?v=PWgGkWwwHiE&index=69&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
-- [Better React Forms with Formik](https://www.youtube.com/watch?v=yNiJkjEwmpw) by [Andrew Mead](https://twitter.com/andrew_j_mead) - Nov 28, 2017
-- [Simple React Form with Formik](https://youtu.be/MuwQdUoNKzg) by [Ben Awad](https://twitter.com/benawad97) - Nov 3, 2017
-- [Building an Add Channel Form with Formik](https://www.youtube.com/watch?v=anwo_i0wgNo) by [Ben Awad](https://twitter.com/benawad97) - Oct 27, 2017
-
+* [Form handling in React-Native with Formik and Yup](https://www.youtube.com/watch?v=EO08ydCCsOQ) by [Emanuel Quimper](https://twitter.com/QuimperEmanuel) - May 23, 2018
+* Building an Airbnb Clone Series by [Ben Awad](https://twitter.com/benawad97)
+  * [Coding React Form with Formik and Ant Design - Part 3](https://www.youtube.com/watch?v=pbCrDBQFU_A&index=5&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+  * [Form Validation in Formik with Yup - Part 4](https://www.youtube.com/watch?v=2CBnRDJ--aM&index=6&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+  * [Simplifying a React form with the Formik Field Component - Part 6](https://www.youtube.com/watch?v=eMjju1nQ1F8)
+  * [How to use Formik with React Native - Part 17](https://www.youtube.com/watch?v=sBWtPEinWGA)
+  * [Multi Step Form in React with Formik - Part 36](https://www.youtube.com/watch?v=kKpoAhugjUc)
+  * [Custom Formik Fields and Fix Typescript Imports - Part 37](https://www.youtube.com/watch?v=Xwjg8meOglI)
+  * [Update Listing Form - Part 67](https://www.youtube.com/watch?v=PWgGkWwwHiE&index=69&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+* [Better React Forms with Formik](https://www.youtube.com/watch?v=yNiJkjEwmpw) by [Andrew Mead](https://twitter.com/andrew_j_mead) - Nov 28, 2017
+* [Simple React Form with Formik](https://youtu.be/MuwQdUoNKzg) by [Ben Awad](https://twitter.com/benawad97) - Nov 3, 2017
+* [Building an Add Channel Form with Formik](https://www.youtube.com/watch?v=anwo_i0wgNo) by [Ben Awad](https://twitter.com/benawad97) - Oct 27, 2017
 
 ## Community Articles / Tutorials
 

diff --git a/website/versioned_docs/version-1.3.0/overview.md b/website/versioned_docs/version-1.3.0/overview.md
@@ -40,6 +40,14 @@ By now, you might be thinking, "Why didn't you just use
 minimal API that does the really really annoying stuff, and leaves the rest up
 to you.**
 
+---
+
+My talk at React Alicante goes much deeper into Formik's motivation and philosophy, introduces the library (by watching me build a mini version of it), and demos how to build a non-trivial form (with arrays, custom inputs, etc.) using the real thing.
+
+<!-- <iframe width="560" height="315" src="https://www.youtube.com/watch?v=oiNtnehlaTo" frameborder="0" title="Taming Forms in React - Jared Palmer" allowfullscreen></iframe> -->
+
+<iframe width="600" height="315" src="https://www.youtube.com/embed/oiNtnehlaTo" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
 ## Influences
 
 Formik started by expanding on
@@ -198,7 +206,7 @@ const Basic = () => (
       {({ isSubmitting }) => (
         <Form>
           <Field type="email" name="email" />
-          <ErrorMessage name="email" component="div"/>
+          <ErrorMessage name="email" component="div" />
           <Field type="password" name="password" />
           <ErrorMessage name="password" component="div" />
           <button type="submit" disabled={isSubmitting}>

diff --git a/website/versioned_docs/version-1.3.0/resources.md b/website/versioned_docs/version-1.3.0/resources.md
@@ -0,0 +1,35 @@
+---
+id: resources
+title: Resources
+---
+
+## Conference Talks
+
+* [Taming Forms in React](https://jaredpalmer.com/blog/formik-taming-forms-in-react) by
+  [Jared Palmer](https://twitter.com/jaredpalmer) @ React Alicante - Sep 15, 2018
+* [An Introduction to Formik](https://youtu.be/-tDy7ds0dag?t=33s) by
+  [Jared Palmer](https://twitter.com/jaredpalmer) @ Spotify NYC - Aug 15, 2017
+
+## Community Videos
+
+* [Form handling in React-Native with Formik and Yup](https://www.youtube.com/watch?v=EO08ydCCsOQ) by [Emanuel Quimper](https://twitter.com/QuimperEmanuel) - May 23, 2018
+* Building an Airbnb Clone Series by [Ben Awad](https://twitter.com/benawad97)
+  * [Coding React Form with Formik and Ant Design - Part 3](https://www.youtube.com/watch?v=pbCrDBQFU_A&index=5&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+  * [Form Validation in Formik with Yup - Part 4](https://www.youtube.com/watch?v=2CBnRDJ--aM&index=6&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+  * [Simplifying a React form with the Formik Field Component - Part 6](https://www.youtube.com/watch?v=eMjju1nQ1F8)
+  * [How to use Formik with React Native - Part 17](https://www.youtube.com/watch?v=sBWtPEinWGA)
+  * [Multi Step Form in React with Formik - Part 36](https://www.youtube.com/watch?v=kKpoAhugjUc)
+  * [Custom Formik Fields and Fix Typescript Imports - Part 37](https://www.youtube.com/watch?v=Xwjg8meOglI)
+  * [Update Listing Form - Part 67](https://www.youtube.com/watch?v=PWgGkWwwHiE&index=69&list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s)
+* [Better React Forms with Formik](https://www.youtube.com/watch?v=yNiJkjEwmpw) by [Andrew Mead](https://twitter.com/andrew_j_mead) - Nov 28, 2017
+* [Simple React Form with Formik](https://youtu.be/MuwQdUoNKzg) by [Ben Awad](https://twitter.com/benawad97) - Nov 3, 2017
+* [Building an Add Channel Form with Formik](https://www.youtube.com/watch?v=anwo_i0wgNo) by [Ben Awad](https://twitter.com/benawad97) - Oct 27, 2017
+
+## Community Articles / Tutorials
+
+* [Building dynamic forms with Formik with React and TypeScript](https://scottdj92.ghost.io/building-dynamic-forms-with-formik-with-react-and-typescript/) by [Scott Jones](https://twitter.com/sdj2964) - Sep 1, 2018
+* [Simple React form validation with Formik, Yup and/or Spected](https://itnext.io/simple-react-form-validation-with-formik-yup-and-or-spected-206ebe9e7dcc) by [Jakub Kočí](https://github.com/jakubkoci) - May 21, 2018
+* [ Formik —Handling files and reCaptcha](https://hackernoon.com/formik-handling-files-and-recaptcha-209cbeae10bc) by [João Miguel Cunha](https://twitter.com/lokuzt) - Dec 18, 2017
+* [Better React Forms with Formik](https://mead.io/formik/?utm_source=github&utm_campaign=formikrepo) by [Andrew Mead](https://twitter.com/andrew_j_mead) - Nov 28, 2017
+* [The Joy of Forms with React and Formik](https://keyholesoftware.com/2017/10/23/the-joy-of-forms-with-react-and-formik/) by [Mat Warger](https://twitter.com/mwarger) - Oct 23, 2017
+* [Painless React Forms with Formik](https://hackernoon.com/painless-react-forms-with-formik-e61b70473c60) by [João Miguel Cunha](https://twitter.com/lokuzt) - Sep 8, 2017