This coding challenge has been created to evaluate the skills of a React developer. There is no right way to solve the challenge, best practices and understanding will emerge organically.
Fork this repository and create a pull request when the challenge is complete.
The test is tiered with an increasingly difficult set of requirements. Only the first tier is required but solving all the tiers is encouraged.
Sourcecode must fully adhere to the AirBnB style guide, no disabled rules.
You are given a URL which returns the JSON defined in the db.json file at the root of this project. Perform a GET to retrieve the data and render the result on the page however you see fit.
Bonus points are awarded for (in order of importance):
- Thinking in React
- Using a HOC as the main page layout
- Unit testing using enzyme
- 💅
- Using axios for the API call
Perform the same task of tier one using Redux.
Using Redux and React router, create a new url (/book/{id}) which will render a single book view. Link to this view on the book list route.
- Javascript ES6
- React
Recommended
- Redux
- React router
- 💅
Clone and run:
yarn install
yarn start
Make sure everything is working, a browser window should open at the address http://localhost:3000/ displaying "Welcome!". This route also accepts optional parameters to ensure that react-router is working correctly.
Run the provided unit tests.
yarn test
MIT license. Feel free to remix, use and contribute to this coding challenge.