This is a starter kit for Hack Oregon front-end development using React + Redux. This repo should help get started and keep the different projects aligned.
Hack Oregon's React Component Library is a work in progress that encompasses platform components, a style guide, as well as data visualization components to be shared across projects.
For styling, we are using CSS Modules.
The components that end up here are either built using React Storybook or were ported into the Storybook dev environment. We believe this will allow us to make cross project compatible components.
Documentation for usage of these components and visual examples will be available on the Hack Oregon's Storybook.
The component library is required by each project site using an npm dependency. Npm offers a utility called npm link for using a local copy of a dependency when developing.
Once you have cloned both the component library and this project site, do the following:
cdto your local component-library checkout- Run
npm link cdto your local project site checkout- Run
npm link @hackoregon/component-library
Now any code in the project site that relies on components from the component library will import modules directly from your local checkout of component-library. Likewise, any changes you make to your local checkout of component-library will impact the project site. The project site will also watch these component-library changes and hot reload localhost:3000 for you.
A server lib for server side rendering with examples of Civic App running 2 additional client side (project) apps