UNPKG

react-hybrid-form

Version:

A super simple, straightforward and powerful hybrid form library which combines the benefits of both controlled or uncontrolled form.

github.com/shahin-m-hashim/react-hybrid-form

shahin-m-hashim/react-hybrid-form

70 lines (51 loc) • 3.77 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
# PERFORMANCE REPORT ## Performance Metrics (Hybrid Form) | Metric | No Throttling | 4x CPU Slowdown | 6x CPU Slowdown | Fast 4G Network | Slow 4G Network | 3G Network | | ------------------------ | ------------- | --------------- | --------------- | --------------- | --------------- | ---------- | | Largest Contentful Paint | 1.7 s | 1.7 s | 1.7 s | 1.7 s | 1.7 s | 1.7 s | | Cumulative Layout Shift | 0 | 0 | 0 | 0 | 0 | 0 | ### Overall Performance (LCP) - No throttling: 158 ms - 20x slowdown CPU & no network throttling: 14.16 s - No CPU throttling & 3G network throttling: 12.44 s - 20x slowdown CPU & 3G network throttling: 21.65 s ### Interactions - Input fields: 14 ms - Submit & reset buttons: 20 ms - Select & dueDate fields: 24 ms ## Performance Metrics (UnControlled Form) | Metric | No Throttling | 4x CPU Slowdown | 6x CPU Slowdown | Fast 4G Network | Slow 4G Network | 3G Network | | ------------------------ | ------------- | --------------- | --------------- | --------------- | --------------- | ---------- | | Performance Score | 91 | 91 | 90 | 91 | 88 | 91 | | First Contentful Paint | 1.0 s | 1.0 s | 1.0 s | 1.0 s | 1.0 s | 1.0 s | | Largest Contentful Paint | 1.8 s | 1.7 s | 1.7 s | 1.7 s | 1.7 s | 1.7 s | | Total Blocking Time | 0 ms | 0 ms | 50 ms | 0 ms | 0 ms | 0 ms | | Cumulative Layout Shift | 0 | 0 | 0 | 0 | 0 | 0 | | Speed Index | 1.1 s | 1.0 s | 1.7 s | 1.0 s | 2.0 s | 1.0 s | ### Overall Performance (LCP) - No throttling: 161 ms - 20x slowdown CPU & no network throttling: 12.25 s - No CPU throttling & 3G network throttling: 12.47 s - 20x slowdown CPU & 3G network throttling: 20.18 s ### Interactions - Input fields: 14 ms - Submit & reset buttons: 24 ms - Select & dueDate fields: 40 ms ## Performance Metrics (Controlled Form) | Metric | No Throttling | 4x CPU Slowdown | 6x CPU Slowdown | Fast 4G Network | Slow 4G Network | 3G Network | | ------------------------ | ------------- | --------------- | --------------- | --------------- | --------------- | ---------- | | Performance Score | 91 | 91 | 91 | 91 | 91 | 91 | | First Contentful Paint | 1.0 s | 1.1 s | 1.0 s | 1.0 s | 1.0 s | 1.0 s | | Largest Contentful Paint | 1.7 s | 1.7 s | 1.7 s | 1.7 s | 1.7 s | 1.7 s | | Total Blocking Time | 0 ms | 0 ms | 0 ms | 0 ms | 0 ms | 0 ms | | Cumulative Layout Shift | 0 | 0 | 0 | 0 | 0 | 0 | | Speed Index | 1.1 s | 1.1 s | 1.0 s | 1.0 s | 1.0 s | 1.0 s | ### Overall Performance (LCP) - No throttling: 156 ms - 20x slowdown CPU & no network throttling: 13.40 s - No CPU throttling & 3G network throttling: 12.51 s - 20x slowdown CPU & 3G network throttling: 20.41 s ### Interactions - Input fields: 14 ms - Submit & reset buttons: 24 ms - Select & dueDate fields: 30 ms