You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
As react version is > 16.8, you should be able to take advantage of...
A. Functional Components
Functional Components make your code easier to read and understand. With fewer lines, the size of your project will also decrease.
Refer to Link by React
Refer to Blog on Functional Components
B. Utilize React Hooks
React Hooks is a new way of managing state without writing class and setState. It helps organize file by separating state management and render.
Refer to Link by React
Refer to Medium Blog about Hooks
Goal of enhancement
As react version is > 16.8, you should be able to take advantage of...
A. Functional Components
Functional Components make your code easier to read and understand. With fewer lines, the size of your project will also decrease.
Refer to Link by React
Refer to Blog on Functional Components
B. Utilize React Hooks
React Hooks is a new way of managing state without writing class and
setState
. It helps organize file by separatingstate management
andrender
.Refer to Link by React
Refer to Medium Blog about Hooks
Areas like https://github.com/TeamFirstCapstone/Pet-Meeting-Client/blob/master/src/pages/Signup.jsx#L11-L17 can be optimized with hooks.
Optimizing code with
Functional Components
andReact Hooks
will also make writing tests much easier.The text was updated successfully, but these errors were encountered: