Tiếp cận với 1 cách triển khai mới

Em chào mọi người ạ. Em là 1 sinh viên năm 3 của 1 trường đại học, em hiện đang intern java web cho 1 công ty outsource. Sau 1 thời gian thì người ta cho em code backend typescript sử dụng framework nestjs. Em muốn hỏi anh/chị là nestjs về mặt lâu dài thì có hay hơn spring+ microservice không ạ? hiện tại thì dự án có sử dụng nestjs thì công ty có thuê hai người freelancer và họ training on job cho em, họ cho em code basic 1 project con con backend triển khai theo mô hình stardard mode và được họ đánh giá là khá tốt, dự là 1-2 tuần tới họ sẽ cho em nhảy vào code dự án triển khai theo mô hình monorepo mode của họ, mà em đi tìm tài liệu hoặc là video hướng dẫn ví dụ code về monorepo thử thì không có hoặc có thì cũng không hẳn là 1 seri hoàn chỉnh. Anh/chị có thể recommend cho em 1 số kênh hoặc là tài liệu về cách triển khai theo monorepo mode được không ạ? Em cảm ơn mọi người rất nhiều! https://docs.nestjs.com/cli/monorepo#workspace-projects

Khi dùng ios safari Mobile input focus thì keyboard không hiện lện

Hiện mình đang làm React + Typescript bằng mobile web. Mình muốn làm để khi render page lần đầu, trong input mình focus thì keyboard sẽ hiện lên. Nhưng trong môi trường ios safari mobile, mình dùng useRef rồi làm focus thì focus hoạt động bình thường nhưng keypad không hiện lên. Mình có thử tìm thì theo chính sách của iOS thì cái này sẽ bị chặn, nhưng mình có refer thử mobile web của các service khác thì cũng thấy có vài chỗ có tính năng như mình đang muốn làm. Vậy có cách nào để làm được như vậy không nhỉ? Nếu làm như cách mình đang thử thì trong hướng dẫn của iOS có ghi có thể làm qua interaction với user. Thế là mình thêm một button ẩn bằng hidden, rồi mình focus ở click event và khi rendering thì mình gọi click event. Cơ mà nó vẫn không chạy như mình muốn. Ai xem giúp mình với, mình cảm ơn.

Dùng tagged union trong array thì gặp vấn đề type không được infer

Hi mọi người, mình dùng tagged union trong array thì lại gặp vấn đề type không được infer. Ở đây có ai từng bị vậy rồi biết nguyên nhân tại sao không, chứ mình có thử Google rồi mà cũng không ra :((

Share cho AE đoạn eslintrc mình đang dùng

Đoạn mã eslintrc này, mình tham khảo bên dự án Nextra.site của lão Shuding. Mình mang về sử dụng thấy khá ổn, nó hỗ trợ nhiều cái mình ví dụ về Tailwindcss nhé! Nếu AE dùng opacity-50 trong khi đó class của ae có bg-white, thì eslintrc sẽ có nhiệm vụ rút ngắn nó lại thành bg-white/50

Mn thường quản lý type của api response như thế nào?

Mn thường quản lý type của api response như thế nào? Tương tự như graph ql mình đang quản lý bằng cách tạo interface bắt nguồn từ resolver cho mỗi api, nhưng mình không chắc làm vậy ở rest api có ổn không.. Với mình cũng không chắc về cách tốt nhất để quản lý type trong folder chung mức cao nhất.. Mn gợi ý giúp mình với.

Migrate từ Javascript qua Typescript

Chào mọi người, mình là junior dev hiện đang làm cho startup mà frontend thì có một mình mình làm thôi à. Hiện tại mình đang được giao làm task migrate website được code bằng Vue sang React. Mà mình đang băn khoăn không biết có nên migrate website đó của bên mình đã được code bằng Javscript sang Typescript luôn hay không. Task thì cũng có deadline phải hoàn thành mà mình làm một mình nên mình cũng nghĩ cứ làm bằng JS thì sẽ tiết kiệm thời gian hơn, thay vào đó với code giao tiếp với api thì để đề phòng tránh xảy ra lỗi định dạng dữ liệu thì mình viết file riêng bằng TS. Nhưng mình cũng sợ không biết nếu giờ migrate hết sang React rồi sau lại muốn migrate sang Typescript thì có bị phức tạp hơn nhiều không. Nên giờ mình đang không biết nên: 1. bỏ cuộc với TS và code bằng JS thôi, 2. hay code xong bằng JS rồi migrate dần sang TS, 3. hay là giờ nên migrate hết sang TS luôn. => Nên mình có 2 câu hỏi dưới đây muốn tham khảo ý kiến của mọi người ạ: - Q1. Migrate dần dần từ JS sang TS có phức tạp lắm không nhỉ? - Q2. Với team chỉ có 1 frontend như bên mình thì có nên migrate sang TS không hay cứ code bằng JS cũng được ta?

Cho em hỏi về cách chặn chuyển trang trong React

Hi ac, Em đang làm SPA trong đó có chế độ soạn thảo nội dung. Khi user đang viết mà thoát trang thì em định làm pop up hỏi xác nhận lại, đồng thời giữ nguyên ở page đó chưa di chuyển. Em đã làm cái này cho cả trường hợp ấn quay lại và refresh trang, nhưng khi gọi các menu (component) khác thì việc di chuyển ra khỏi trang không bị chặn. Mọi người có thể chỉ cho em nên làm thế nào không ạ?

Lỗi Typescript build sau khi cài đặt NodeJS MongoDB driver

Chào mng, e đang làm dự án cá nhân NodeJS và muốn dùng MongoDB. E cài đặt xong npm run dev thì k có vấn đề gì nhưng khi npm run build thì tự dưng lại có 167 lỗi Typescript. Nhìn log thì vấn đề phát sinh ở chỗ lệnh tsc và vị trí của tất cả các lỗi đều nằm trong node_modules. K biết có phải MongoDB k dùng được cùng Typescrpit không ạ? Hay e phải cài version hay module @types nhất định nào đó mới được ạ? Ai gặp trường hợp này rồi giúp e với!

Typescript - type alias vs interface, thường mn dùng loại nào?

Khi chỉ định parameter type hoặc return value type của Typescript, mọi người thường dùng type alias hay interface ạ?

Khai báo type Component và pageProps trong app.tsx

Mình dùng code mẫu cho next.js mà khi đổi sang typescript thì bị type error. Mình phải khai báo Component và pageProps là type gì thì mới không bị type error nhỉ? function App({ Component, pageProps }) { return ( <Component {...pageProps} /> ) }

Cách dùng y nguyên type cho component React

Hi mng, em có câu hỏi về React và Typescript, mong mọi người giải đáp giúp. Em đang định dùng tag img để làm một component. Em muốn component dùng y nguyên type có thể nhận tag img, thì khai báo interface xong em phải khai rõ hết tất cả các type có thể nhận tag img như src, alt,... ạ? Nếu làm thế thì chắc sẽ khá tốn thời gian nên em muốn hỏi thử xem trong những trường hợp như này thì mọi người thường làm thế nào vậy ạ?

Lỗi 'Property xxx does not exist on type'

Mình đã định nghĩa cho type như code ở dưới nhưng khi run code thì hiện gạch đỏ ở action trong key={cancelActionPayload.action} và lỗi 'Property 'action' does not exist on type'. Mình cứ nghĩ rõ ràng mình có trường action rồi mà không biết sai ở đâu ta? :< type CancelActionPayload = | { action: string; descriptions: string[]; } | { action: string; descriptions?: undefined; } | { descriptions: string[]; };