The test is to rebuild the following application:
http://hyf-react-test.herokuapp.com/
- Make a
fork
of this repository to your personal account Clone
the fork to your local machine- Navigate to the folder
class27-react-test
- Execute
npm install
in the root of the folder - Get started with building!
- Create and use at least 3 reusable functional components
- Make use of React hooks: at least
useState
- Every time a user clicks on the button, it should fetch new users
- Use the following API: https://randomuser.me/api/?results=5
- Add a loading state when the data is fetching (find a loading spinner by Googling)
- Add an error message in the UI if something went wrong
This test will last 2 hours.
- Push your code to your forked repository
- Deploy your test on Netlify
- Make a pull request to the original repository, with a message like:
React Test <YOUR_NAME>
. Include the link to the deployed application URL
- Whatever you do, stay calm!
- Split the problem up into smaller pieces
- If something is too difficult, move on to the next thing
Good luck!