tuanngominh

Angular

Observable

• Unsubscribe observable in ngrx effect (on logout)
• Using async pipe in component instead of manually subscribe observable

tuanngominh

Form

Formik jaredpalmer/formik#533

Validation

yup https://medium.com/@mfaircliff/json-schema-to-yup-validation-7e4a4a838e20

Sample

https://github.com/neherlab/covid19_scenarios/issues

tuanngominh

### React
- https://github.com/datorama/app-components/tree/master/app
- https://github.com/neherlab/covid19_scenarios/issues

### Angular
- https://github.com/Teradata/covalent 
- https://clarity.design/documentation

### Vue
- https://www.holistics.io/ from angularjs to vue

tuanngominh

Usages:

• Storybook support angular's style.scss by default

Case study:

• Salesforce design
  • https://www.lightningdesignsystem.com/ ,
  • https://github.com/salesforce-ux/design-system
• Storybook demo for angular

Stories as docs

tuanngominh

Chord

Chord causes celery.chord_unlock to retry indefinitely

• github issue: Redis result backend has better chord implementation
• github issue, google discussion: not throw error in task

Backend optimize for Chord: Redis http://blog.untrod.com/2015/03/how-celery-chord-synchronization-works.html

tuanngominh

monorepo for multiple languages apps

Goal:

• Every apps work with each other in a single commit.
• No need to manage versions between different apps in different repos.
• Each language has its own advantages in one area like python is good for data crunching, typescript is working well with nosql db and only good option in angular.

Challenge:

Development flow for apps in different languages.

Each language like js has npm for running command like lint, code format, test, install dependency; nx, lerna for monorepo.

tuanngominh

Apps uses typescript

https://github.com/renovatebot/renovate/blob/master/lib/platform/github/gh-got-wrapper.ts

diagram tool for typescript, uml, data model, dependencies diagram

Dependencies diagram

# apply for workspace created by nx.dev
npm run dep-graph

tuanngominh

ngrx

Reference:

• ngrx 8 : https://medium.com/ngrx/announcing-ngrx-version-8-ngrx-data-create-functions-runtime-checks-and-mock-selectors-a44fac112627
  • Example app: https://github.com/ngrx/platform/tree/master/projects/example-app/src/app/books/effects
  • Action Creator: https://blog.angularindepth.com/ngrx-action-creators-redesigned-d396960e46da

In a single angular app

ng new sample-app
cd sample-app

tuanngominh

# DEBUG --------------------
# remove all packages from virtualenv but keep the Pipfile unchanged
pipenv uninstall --all

# show the dependency from installed package in virtual env, not the package in Pipefile or Pipefile.lock
pipenv graph

# using iterm session log to store log to file
pipenv lock --verbose

tuanngominh

Build, start, run all services https://docs.docker.com/compose/reference/up/

docker-compose up -d --build

Run command agaist a service https://docs.docker.com/compose/reference/run/

docker-compose run service1 service1-command-detail-here service1-command-param