Technique Stack - arthur791004/notes GitHub Wiki

Coding Style

Webpack 3

eslint
loader
dynamic import
code splitting
optimization
HMR (Hot Module Replacement)
High CPU

Frontend

Javascript

Basic

native
scope
this
prototype
inherit / extend
Promise
async & await
Regular Expression
- lookahead/lookbehind
Polyfill
Date format
Error handling
Log

Library

react
- key & context
redux
- redux-observable
- redux-immutable
reselect
lazy loading
- react-loadable
router
- react-router v4
i18n
- react-intl
type
- flow
- typescript
CSS
- css modules
- styled-components v2
API
- axios
- Observable.ajax
- request
- fetch
- superagent
Form
- redux-form
UI
- Storybook
Reactive
- Rxjs
Immutable
- Immutable.js
Dynamic Header
- react-helmet
Others
- lodash
- d3.js
- video.js
- husky

Performance

Preload & Prefetch
Pre-cache
async & defer
CDN
SSR
Lazy Loading
Compression
- Minify javascript, css
- JS
  - Facebook Prepack
  - Google closure-compiler-js
- Image
  - jpg, png, webp, sprites
Service worker
HTTP/2
HTTP Cache
HTTP Compression

CSS

CSS3
Sass
before/after
selector
flexbox
grid
units: px, em, rem, vw, vh, vmax, vmin
animation
- keyframe
- timing function
performance
- opacity

HTML

HTML5
Open Graph Protocol
viewport

Browser

CORS
Storage
- cookie
- localStorage/sessionStorage

Image

svg
png
png sprite
webp

Security

XSS
CSRF

UI

Material
Boostrap4
RWD
Skeleton Screen
Infinite scroll
Feedback
- Empty State, Loading, Error, ...etc

Backend

Node

Web Server
- Express
- Koa2
Routing
API
- Restful
- GraphQL
Authentication
- passport
  - local
  - social: Facebook, Google, Twitter, Github, LinkedIn, AD
- Token-Based
  - JWT (JSON Web Tokens)
- encrypt
  - bcrypt
Permission
- auth
- role
Error Handling
I/O
- file
- stream
- upload file
  - library: multer
  - format: json, form, multi-part
Cache
Others
- pagination
- websocket
- pubnub

Go

todo...

Database

Mongo
MySQL
Redis

Git

workflow
general commands
pre-commit
post-commit

Testing

Docker

CI/CD

CircleCI
Jenkins

Deploy

GCP
AWS
Heroku

Reference