May tag na: React Native

13 mga artikulo

Serye:

Isang host app na may hawak na isang shared store na pinupunan ng isang federated remote ng live na API data

Isang shared store: server state sa mga federated remote sa React Native

Isang remote na nilo-load sa runtime ang nag-i-inject ng endpoint nito sa store ng host at nagshe-share ng isang cache; kapag namali ang pag-share, mag-ha-hang ang screen sa isang spinner na hindi nare-resolve kailanman.

RTK Query tags vs TanStack Query keys

Tags vs query keys: maliit na API difference na nagbabago kung paano nagko-coordinate ang mga team

Mukhang interchangeable ang RTK Query tags at TanStack Query keys sa single-team na code. Sa multi-team na scale, iba ang nasisira nila kapag naghiwalay ng sync ang mga team.

Server state at client state sa React

Server state at client state: bakit dalawang library ang kailangan ng React apps

Magkaiba ang requirements ng server state at client state. Bakit hinahati ng modern React stacks ang trabaho sa dalawang library sa halip na isang store.

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

Hindi nakikita ng host ang inilalantad ng remote. Isang contract package, na-install by version, ang nagbibigay ng isang depinisyon; semver ang bahala sa drift.

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: ito ang may-ari ng tab bar at navigation, at bawat tab ay remote na binuo, na-ship at nilo-load nang mag-isa.

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 host at remote nito nang tama; ang maling paggawa ay nagpapa-crash sa app sa launch, hindi tahimik.

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

Dalawang React Native app, isa naglo-load ng screen ng isa pa sa runtime sa Module Federation 2.0 at Re.Pack. Bawat hakbang copy-paste, tapos tumatakbong app.

Module Federation sa React Native

Bakit Module Federation sa React Native

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

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.

Tatlong pababang baitang na may nakakandadong cube, isang safe at isang bukas na tray, may sorting arrow

Token storage sa React Native: AsyncStorage vs SecureStore

Hindi dapat nasa AsyncStorage ang tokens. Kung paano hinahati ng SecureStore, encrypted store at AsyncStorage ang trabaho sa React Native, at ano ang napupunta saan.

Isang mesh screen sa isang pipe na humaharang sa mga papasok na arrow at nag-uuri sa kanila sa success tray at failure tray

Pag-setup ng MSW v2 sa React Native

Pag-setup ng Mock Service Worker v2 sa React Native, mula installation hanggang sa buong set ng handler scenarios: success, errors, timeouts at offline.

Isang nagsasangang daan na may check mark sa piniling branch at spotlight na naghihintay sa dulo nito

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.