Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Tool name

Link

Useful for

Webstorm

https://www.jetbrains.com/webstorm/

A good IDE with lots of smart coding features, it is also free for students to use.

Insomnia

https://insomnia.rest/

Great for testing API endpoints as you are developing them. You can get the auth token for a user from the network tab in chrome for an authenticated user of yours. You then just need to add the farm_id as a header.

React Developer Tools for Chrome

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

You can look in the “Components” tab of your dev tools when you have this extension, allowing you to quickly find the name of the component you need to look at for your ticket (this is especially helpful when you are just getting started!). From there you can use your IDE to search for the component.

Redux DevTools for Chrome

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en

You can go to “Redux” tab of your dev tools on Chrome and see redux actions state changes. It can show you what data is currently stored in each redux reducer. Great for debugging when working with redux store.

Useful development tricks

...