Bumalik sa blog

May tag na: React Native

10 mga artikulo

Isang host at isang federated remote na nag-i-install bawat isa ng sarili nilang bersyon ng isang shared contract package mula sa isang registry

Ang contract package: isang versioned na tahi sa pagitan ng mga federated remote sa React Native

Binuo at na-ship ang isang remote nang mag-isa, kaya hindi nakikita ng host kung ano ang inilalantad nito. Isang shared contract package, na-publish sa isang registry at na-install ayon sa bersyon, ang nagbibigay sa dalawang panig ng iisang depinisyon. Pagkatapos, pinamamahalaan ng semver kung ano ang nangyayari kapag nag-iiba sila.

Isang host React Native app na may bottom tab bar, bawat tab ay nag-lo-load ng ibang remote sa runtime

Ang host shell: mga federated remote bilang tabs sa React Native

Gawing tunay na app shell ang host mula sa iisang screen. Ito ang may-ari ng tab bar at navigation; bawat tab ay hiwalay na remote, binuo at na-deploy nang mag-isa, nilo-load sa runtime.

Isang host at isang remote na React Native app na nag-share ng iisang kopya ng isang library sa pamamagitan ng iisang share scope

Ang shared-singleton contract sa React Native Module Federation

I-share ang react, react-native, at isang native library sa pagitan ng host at ng remote nito nang tama, at tingnan kung bakit ang maling paggawa nito ay nagpapa-crash sa app sa pag-launch sa halip na tahimik na masira.

Isang host React Native app na nag-lo-load ng screen mula sa hiwalay na remote app sa runtime

Ang iyong unang federated remote sa React Native

Buuin ito mula sa simula: dalawang React Native app, ang isa nag-lo-load ng screen ng isa pa sa runtime gamit ang Module Federation 2.0 at Re.Pack. Bawat hakbang, copy-paste, nagtatapos sa isang tumatakbong app.

Module Federation sa React Native

Bakit Module Federation sa React Native

Ano ang ibinibigay ng runtime micro-apps sa isang React Native app, ano ang halaga nito, at kailan sulit ang palitan. Ang panimula sa isang series na bubuo ng federated setup mula sa simula.

Feature-first na project structure sa React Native

Feature-first na project structure sa React Native

Argumento para sa pag-organisa ng React Native projects by feature, hindi by type. Ang delete test, import boundaries, at kung saan nakatira ang shared code.

Detox at Cucumber BDD para sa React Native E2E testing

Detox + Cucumber BDD para sa React Native E2E testing

Detox + Cucumber para sa React Native E2E. Step definitions, custom formatter, parallel execution, at accessibility regression tests sa plain Gherkin.

Tiered secure storage sa React Native

Tiered secure storage sa React Native

Tatlong storage tier sa React Native: Keychain para sa tokens, encrypted store para sa PII, AsyncStorage para sa preferences. Saan papasok ang Redux Persist.

Pag-setup ng MSW v2 sa React Native para sa testing

Pag-setup ng MSW v2 sa React Native

Praktikal na gabay sa pag-setup ng Mock Service Worker v2 sa React Native. Mula installation hanggang sa handler sets para sa success, errors, timeouts, at offline.

Paano pumasa sa React Native tech test

Paano pumasa sa React Native tech test

Practical na advice mula sa nagrereview ng take-home submissions. Ano ang mahalaga, ano ang hindi, at ang mga pagkakamaling nagko-cost ng trabaho.