Development Environment

Development should work on all major platforms. Make sure not to use platform specific code like 'rm' or 'cp'.

Required software

• Node (16.x or higher)
• Yarn (1.22.17 or higher)
• VSCode
• Git
• For react native development: Expo CLI
• For sanity.io server development: Sanity IO CLI
• For running the firebase emulator you need to install Java SDK and the Firebase CLI (https://firebase.google.com/docs/emulator-suite/install_and_configure (opens in a new tab))

Supported IDEs

we strongly recommend using VSCode (opens in a new tab) as your IDE. Should you want to use another IDE, you have to make sure that you follow the linting rules set up by prettier.

VSCode Recommended Extensions

Here is a list of recommended extensions that you should install

• Prettier - Code formatter. This is a hard must have extension. https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode (opens in a new tab)

• Tailwind CSS IntelliSense. Without this you'll be hopelessly lost when trying to style your components https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss (opens in a new tab)

• REST Client. To test REST APIS calls inside VSCode https://marketplace.visualstudio.com/items?itemName=humao.rest-client (opens in a new tab)

The following are more helpers and not stricly neccessary but we reccomend them.

• ES7 React/Redux/GraphQL/React-Native snippets https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets (opens in a new tab)

• ESLint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint (opens in a new tab)

• Auto Rename Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag (opens in a new tab)

• GitLens — Git supercharged https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens (opens in a new tab)

• GitHub Pull Requests and Issues. Nice to have to stay inside vscode. https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github (opens in a new tab)

• Draw.io Integration. If you need to create diagrams, this is the extension for you. also available online at https://draw.io (opens in a new tab) https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio (opens in a new tab)