File tree Expand file tree Collapse file tree 1 file changed +9
-0
lines changed Expand file tree Collapse file tree 1 file changed +9
-0
lines changed Original file line number Diff line number Diff line change @@ -104,6 +104,7 @@ const MyForm = () =>
104104 * [ Hybrid Synchronous/Asynchronous Record-Level Validation] ( #hybrid-synchronousasynchronous-record-level-validation )
105105 * [ Submission Errors] ( #submission-errors )
106106 * [ Third Party Components] ( #third-party-components )
107+ * [ 💥 Performance Optimization Through Subscriptions 💥] ( #-performance-optimization-through-subscriptions- )
107108* [ Rendering] ( #rendering )
108109* [ API] ( #api )
109110 * [ ` Form : React.ComponentType<FormProps> ` ] ( #form--reactcomponenttypeformprops )
@@ -203,6 +204,14 @@ Demonstrates how easy it is to use third party input components. All the third
203204party component really needs is ` value ` and ` onChange ` , but more complex
204205components can accept things like errors.
205206
207+ ### 💥 [ Performance Optimization Through Subscriptions] ( https://codesandbox.io/s/32r824vxy1 ) 💥
208+
209+ Demonstrates how, by restricting which parts of form state the form component
210+ needs to render, it reduce the number of times the whole form has to rerender.
211+ Yet, if some part of form state is needed inside of it, the
212+ [ ` FormSpy ` ] ( #formspy--reactcomponenttypeformspyprops ) component can be used to
213+ attain it.
214+
206215## Rendering
207216
208217There are three ways to tell ` <Form/> ` and ` <Field/> ` what to render:
You can’t perform that action at this time.
0 commit comments