Learn React Functional Components with Real Apps

此應用程序將為您提供使用React Functional Components的實際應用程序

This app will give you real applications in the use React Functional Components

You will see the full source code of the demo. You will see how:

1. Create New Component in React Functional Components

2. LifeCycle in Component in React Functional Components

3. Create Nested Components in React Functional Components

4. Pass Simple Values to Component in React Functional Components

5. Pass Object to Component in React Functional Components

6. Pass Object List to Component in React Functional Components

7. Pass Simple Values to Props in React Functional Components

8. Pass Object to Props in React Functional Components

9. Pass Object List to Props in React Functional Components

10. Use Simple Values in State in React Functional Components

11. Use Object in State in React Functional Components

12. Use Object List in State in React Functional Components

13. Use onClick Event in React Functional Components

14. Use onChange Event in React Functional Components

15. Use onSubmit Event in React Functional Components

16. Use Ref in React Functional Components

17. Use Router in React Functional Components

You also see the results after the demo with the illustrations.

You can also copy the code in this app and use it on your project.