A web application using Vue.js and Github public API to accomplish an exam
Source code
In your terminal, enter:
$ git clone https://github.com/ngankhanh98/github-app.git
$ cd github-app
$ npm i
$ npm run serve
A web app should be launched at http://localhost:8080, as same as https://github-app.ngankhanh98.vercel.app/
Because this is a training material, some helpful resources will be included and must be read comprehendsively.
- The 5 Problem-Solving Skills of Great Software Developers
- State Management with Composition API
- Ant Design for Vue
- JavaScript
- Watch for Vuex State changes!
// Lời dặn
components/search_bar.vue -> SearchBar -> keyup.on emit sự kiện lên cha thôi, cha sử lý state
search_bar và search_button -> slot / renderless
https://learn-vuejs.github.io/vue-patterns/patterns/#component-declaration
VueFront
stateful vs stateless components
// components không đụng chạm state, chỉ emit sự kiện lên views
// nếu viết sự kiện trong component thì không tận dụng được component, nếu chỉ emit sự kiện ra cho views cha, view cha tự biết các xử lý, tùy chỗ component có mặt trong views
// TODO: tách store, optimised
// có khi mình viết component cho người khác dùng
// renderless
// stateless, renderless giống giống abstract
// TODO: NestJS // TODO: ERD drawio: overview, 3 first