lvnam96 / contactsbook Goto Github PK

At the moment, the component call the Controller to fire an AJAX request whenever user doing something, but there is no way to provide feedback on UI (in general or that component) about the result of request (eg: sent & waiting, success, failed,...)

Refs:

• https://github.com/unicodeveloper/awesome-nextjs
• https://nextjs.org/docs/basic-features/typescript
• https://github.com/zeit/next-plugins/tree/master/packages/next-typescript

Notes from Next.js documentation: Next.js uses Babel to handle TypeScript, which has some caveats, and some compiler options are handled differently.

Migrating steps:

• 0. Learn how Next.js works
• 1. Define build process for entrypoints: signin, signup & main
• 2. Define communication method between nextjs server & API server
• 3. Migrate to Next.js
  • 3.1. Migrate frontend to Next.js
  • 3.2. Migrate backend to using Next.js & serve API at the same time
• 4. Start using Typescript

More information: jsx-eslint/eslint-plugin-react#1955

Middleware package: compression

Note: Implement before any static files serving or routing middlewares

After installed @babel/plugin-syntax-dynamic-import, webpack compilation failed:

Module parse failed: Unexpected token (xx:xx)
You may need an appropriate loader to handle this file type.

More info: webpack/webpack#8656
Follow the link above for a workaround.

Originally posted by @lvnam96 in #3 (comment)

After submitting any edited contact, its group labels list is always empty (if it has any).

Code-splitting tutorial on webpack document.

Change preload/prefetch hints in HTML template files from server.

About font-display on CSS Tricks

Finally, at Google I/O 2019

Tutorials

Initial unnecessary code:

• Contact Card
• Edit Contact Form
• Settings page (in v2.0)

Repo: https://github.com/tailwindcss/tailwindcss

Advantages:

• Extract common pattern to single component class
• Tailwind is written in PostCSS and configured in JavaScript

Disadvantages:

• Is it easy to switch to other framwork?
• Is it good using many classes in JSX? (bundle size will get bigger)