Can we do test server instance integrated with git
branches
Setup
1. get the source code
2. innstall dependencies
$ npm install3. run the the base app
for now we are not going to be developing in here.
$ npm run dev4. run the app/biztravel
in the root folder of this app there is src and src-biztravel, this way we can run multiple apps in one repo, for now i copied an open source template and set up a little search and if you go to the info- please keep documentation alive.
I followed this structure link.
$ npm run dev:biztravel5. run the styleguid
for our designer
this is based on atomic design princlples we can move things aroun you realize what it is, just move the component folder to the right place. Everything else should work. The template controls the components UI. One place to maintain. Based on storybook Docu TBD
npm run storybook:biztravelyou can open http://localhost:9001 on browser and navigate through components to see their possible states.
5. run the localhost
npm run dev:appname will start the development server with hot reload module on top of it. also have another tool for devs chrome extention... i think
http://localhost:3000 — development
http://localhost:3001 — webpack assets
Techstack
| Tech | Description | Learn More |
|---|---|---|
| React | Fast, composable client-side components. | Pluralsight Course |
| Redux | Enforces unidirectional data flows and immutable, hot reloadable store. Supports time-travel debugging. Lean alternative to Facebook's Flux. | Getting Started with Redux, Building React Applications with Idiomatic Redux, Pluralsight Course |
| React Router | A complete routing library for React | Pluralsight Course |
| Babel | Compiles ES6 to ES5. Enjoy the new version of JavaScript today. | ES6 REPL, ES6 vs ES5, ES6 Katas, Pluralsight course |
| Webpack | Bundles npm packages and our JS into a single file. Includes hot reloading via react-transform-hmr. | Quick Webpack How-to Pluralsight Course |
| Jest | Automated tests with built-in expect assertions and Enzyme for DOM testing without a browser using Node. | Pluralsight Course |
Lorem Ipsum