UI

Shared React components for Thinkful applications.

/src

Code for the shared components.

/stories

Stories for demoing components using storybook

/script

Standard bootstrap scripts (Thinkful convention).

Demo

npm run dev
/script/server

Development

Requires Node version >= 12. If you want to work on UI components locally and see your changes in another app (outside the stories demo), you can use npm link.

1. From Thinkful/ui: npm run dev
2. From Thinkful/ui: npm link
3. From the folder containing your app's package.json: npm link thinkful-ui

Deploying changes to thinkful-ui

thinkful-ui changes need to be deployed to npm, then both assets and seagull need to be updated to use the newest thinkful-ui.

1. Bump the version in thinkful-ui's package.json.
2. in Thinkful/ui: npm publish
3. in Thinkful/assets: bump the thinkful-ui version in package.json to the new version.
4. in Thinkful: make build assets && make upload assets, which will regenerate build hashes in docker-compose.yml.
5. in Thinkful/assets: Make a PR with that package.json change and docker-compose.yml updates, and merge to master.
6. in Thinkful/seagull: do the same steps as above.
7. You're done!

Caveat: Make sure the React versions in ui and assets are at least roughly in sync.