The test is to rebuild the following application:
http://hyf-react-test.herokuapp.com/
- Make a
fork
of this repository Clone
the fork to your local machine- Navigate to the folder
class25-react-test
on your machine and executenpm install
- Get started with building!
- Create and use at least 3 reusable components
- Declare state at the top level and pass the props down
- Make use of React hooks: at minimum
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 spinner through Google)
- Incorporate error handling
- 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!