На какие вопросы нужно ответить
перед тем, как начать фронтенд проект
Занимаюсь разработкой 7 лет.
Frontend Architect и Team Lead в нескольких проектах
Руководил командами на React Js, Angular JS и Vue JS
SEO?
Supportable browsers?
White Labels?
Offline first?
Localization?
Analytic events?
Security? (e.g. credit card info)
https://github.com/micahgodbolt/front-end-architecture
Vue | React | React |
---|---|---|
vue scoped styles | jss | css modules |
vue-style-loader | jss-loader | isomorphic style loader |
Где храним и как подгружаем?
Один файл или много файлов?
Как собираем строки для перевода?
React or Vue |
---|
i18next |
webpack |
i18next-po-loader |
i18next-extract-gettext |
Vue JS | Vue JS | React | React |
---|---|---|---|
vuex | vue-apollo | redux | react-apollo |
adiox | redux-api-middleware | ||
normalizr | normalizr | ||
redial react-router-redial |
Vue | React | Express JS |
---|---|---|
vue | redux, redux-form | express js |
vee-validate | react-nebo15-validate | validate.js |
Vue | React | Express JS |
---|---|---|
vue-events | react-nebo15-events (my own) | jquery |
SPA in Tarball | SPA in Docker | MPA in Docker |
---|---|---|
tarball archive | docker image | docker image |
Github release | Docker hub | Docker hub |
config.js | ENV + config.js | ENV |
Tarball | Docker |
---|---|
Nginx | Kubernetes |
Bash | helm / kubectl |
Vue | React |
---|---|
karma | jest |
selenium | selenium/howitzer |
storybook-chrome-screenshot | storybook-chrome-screenshot |
Алексей Бондаренко
medium.com/@bondalex
fb.com/bondalexey
github.com/alexeybondarenko