/DigitalPlatforms-CodingChallenge-React-1

React developer coding challenge

Primary LanguageJavaScriptMIT LicenseMIT

Coding Challenge

React

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.

Challenge

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.

Tier one.

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):

Tier two.

Perform the same task of tier one using Redux.

Tier three.

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.

Required Knowledge

  • Javascript ES6
  • React

Recommended

Software requirements

Install

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

License

MIT license. Feel free to remix, use and contribute to this coding challenge.