End your development environment nightmares 😱 with envinfo and Solidarity

Make developing for React Native easier by locking down your development environment using envinfo and Solidarity.

Transcript

1. End your development environment nightmares with envinfo and Solidarity Trevor Brindle trevor.brindle@moduscreate.com
2. Your Development Environment •Growing complexity :( •Tools •Processes •Files •Variables •Everything you use
3. The Problems • command not found • works on my computer • what version do you have? • what version do I need? • every issue template ever…
4. ** Please mention other relevant information such as Operating System, Node.js, yarn and npm versions. **
5. THE WORST QUIZ EVER • What version of Bash was Globstar (**) added? • When was async/await added to Node? • When did Ruby add safe navigation (&.) ? • When did `npm install` start updating package-lock.json? • When was overflowchanged removed from Chrome?
6. How do I find this again?
8. The Solutions •Enforce what you need •Know what you have
10. Story Time •cmd -v until you (╯°□°）╯︵ ┻━┻ •Read the whole story my blog •envinfo: An OSS Story •$ `react-native info`
11. System: OS: Linux 4.9 Debian GNU/Linux 8 (jessie) CPU: x64 Intel(R) Core(TM) i7-4870HQ CPU@2.50GHz Memory: 327.91 MB / 1.991 GB Container: Yes Shell: 4.3.30 - /bin/bash Binaries: Node: 9.7.1 - /usr/local/bin/node Yarn: 1.5.1 - /usr/local/bin/yarn npm: 5.6.0 - /usr/local/bin/npm Languages: Bash: 4.3.30 - /bin/bash Python: 2.7.9 - /usr/bin/python
12. npx envinfo@latest npm install -g envinfo && envinfo (pre npm 5.2) ./envinfo-macos (look ma, no node dependency!) curl -L getenv.info | bash yarn add -D envinfo
13. import { helpers } from 'envinfo'; const os = await helpers.getOSInfo(); const docker = await helpers.getDockerInfo(); console.log({ os, docker });
14. So?
15. !15
16. HALP •260 stars on GitHub •~3 million downloads/month
18. •Cross Platform •Time Saving •Not Invasive •Files •Variables •Shell •Custom
19. Getting Started $ npm install (—-global) $ touch .solidarity $ solidarity
20. { // I’m JSON5 - comment me! $schema: “http://json.schemastore.org/solidaritySchema", requirements: { Yarn: [ { rule: "cli", binary: "yarn", semver: "~1.5.1", error: "Yarn: You have {{installedVersion}}, and need {{wantedVersion}}. Update with `npm install -g yarn@{{wantedVersion}}` or `curl -o- -L https://yarnpkg.com/install.sh | bash -s -- -- version {{wantedVersion}}`" } ] } }
21. Solidarity In Action
22. Solidarity Snapshots
23. Neat Tricks •npm “pre” hooks •unterminated escape codes •git config user.email •inject versions in error output •update snapshot on ci
27. @trevorbrindlejs @ModusCreate moduscreate.com github.com/tabrindle/envinfo github.com/infinitered/solidarity