React Native

Monorepo & Code Sharing

Yarn workspaces, nx, shared packages, React Native Web, code reuse strategies

18 câu hỏi phỏng vấn·
Senior
1

What is a monorepo in the context of React Native development?

Câu trả lời

A monorepo is an architecture where multiple projects or packages are stored in a single Git repository. In the React Native context, this enables code sharing between a mobile app, a web app (React Native Web), and utility packages. Benefits include centralized dependency management, atomic refactoring, and code consistency across platforms.

2

What is the main role of Yarn workspaces in a React Native monorepo?

Câu trả lời

Yarn workspaces enable managing multiple packages in a single repository with a single hoisted node_modules at the root. This reduces dependency duplication, enables automatic symlinking between local packages, and facilitates global scripts. In a React Native monorepo, this allows automatic linking of shared packages to both mobile and web applications.

3

How to configure a basic monorepo with Yarn workspaces for React Native?

Câu trả lời

The basic configuration requires a root package.json with the workspaces field defining package patterns. Typically, packages/* or apps/* is used for applications and packages/* for shared libraries. The private field must be set to true to prevent accidental publication of the root package. Metro bundler also requires configuration to resolve symlinks properly.

4

What problem can dependency hoisting cause in a React Native monorepo?

5

What is Nx and what main advantage does it provide over Yarn workspaces alone?

+15 câu hỏi phỏng vấn

Nắm vững React Native cho lần phỏng vấn tiếp theo

Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.

Bắt đầu miễn phí