React test task

There is no limit of time for performing this task. If you don't know some used here technologies - take your time to get acquainted. You can find helpful existing functionality examples (companies view) which show you how to use every technology. Follow the pattern.

Test task requirements for react/redux developer:

Implement add new company feature:

On the /companies page, I should see a button labeled Add Company
When I click on the Add Company button I should be redirected to /companies/new page
On the /companies/new page, I should see a text input and an Add button
On click, a new company should be created and user should be redirected to /companies page and see update list of companies synchronized with the server
Make some basic styling just to make /companies/new page look ok
Running flow and npm run eslint should not return any error
This task does not require tests to be written for the javascript. Please create controller tests in the associated rails app.

All implementation should be done with specific development approaches for organization data flow, code formatting, writing styles, components, containers, reducers, sagas.

It's SUPER important for us to be sure that a candidate can follow existing coding culture.

Will be a plus if you:

Implement form with redux-form
Add validation to prevent submitting empty or < 3 letters company name
Use material-ui library
Implement button on /companies page which will generate 100 random companies, stores them on the server and displays in the list
- These companies will have understandable words as the names
make simple client side pagination for /companies page

Deliver your work:

fork these repositories:
- React app: https://github.com/WatchTowerBenefits/wt_javascript_test
- Rails app: https://github.com/WatchTowerBenefits/wt_rails_test
make changes and push to your repository
create pull requests (1 for rails repo, 1 for react repo)

Use yarn for dependency management

https://yarnpkg.com/en/

npm install --global yarn
yarn

Check with flow

https://flowtype.org/

yarn global add flow-bin
flow

Check with eslint